/* * name:Global && Pc StyleSheet * version:v3.4.1 * update:挂件分页样式 * date:2016-06-14 */ .row{width:102%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}.row>.span-1{width:6.33333333%}.row>.span-2{width:14.66666667%}.row>.span-3{width:23%}.row>.span-4{width:31.33333333%}.row>.span-5{width:39.66666667%}.row>.span-6{width:48%}.row>.span-7{width:56.33333333%}.row>.span-8{width:64.66666667%}.row>.span-9{width:73%}.row>.span-10{width:81.33333333%}.row>.span-11{width:89.66666667%}.row>.span-12{width:98%}.row>.span-13{width:106.33333333%}.row>.span-14{width:114.66666667%}.row>.span-15{width:123%}.row>.span-16{width:131.33333333%}.row>.span-17{width:139.66666667%}.row>.span-18{width:148%}.row>.span-19{width:156.33333333%}.row>.span-20{width:164.66666667%}.row>.span-21{width:173%}.row>.span-22{width:181.33333333%}.row>.span-23{width:189.66666667%}.row>.span-24{width:198%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.full-row>.span-13{width:108.33333333%;*width:108.22333333%}.full-row>.span-14{width:116.66666667%;*width:116.55666667%}.full-row>.span-15{width:125%;*width:124.89%}.full-row>.span-16{width:133.33333333%;*width:133.22333333%}.full-row>.span-17{width:141.66666667%;*width:141.55666667%}.full-row>.span-18{width:150%;*width:149.89%}.full-row>.span-19{width:158.33333333%;*width:158.22333333%}.full-row>.span-20{width:166.66666667%;*width:166.55666667%}.full-row>.span-21{width:175%;*width:174.89%}.full-row>.span-22{width:183.33333333%;*width:183.22333333%}.full-row>.span-23{width:191.66666667%;*width:191.55666667%}.full-row>.span-24{width:200%;*width:199.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-1%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-left-13{position:relative;left:-108.33333333%}.pull-left-14{position:relative;left:-116.66666667%}.pull-left-15{position:relative;left:-125%}.pull-left-16{position:relative;left:-133.33333333%}.pull-left-17{position:relative;left:-141.66666667%}.pull-left-18{position:relative;left:-150%}.pull-left-19{position:relative;left:-158.33333333%}.pull-left-20{position:relative;left:-166.66666667%}.pull-left-21{position:relative;left:-175%}.pull-left-22{position:relative;left:-183.33333333%}.pull-left-23{position:relative;left:-191.66666667%}.pull-left-24{position:relative;left:-200%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}.pull-right-13{position:relative;left:108.33333333%}.pull-right-14{position:relative;left:116.66666667%}.pull-right-15{position:relative;left:125%}.pull-right-16{position:relative;left:133.33333333%}.pull-right-17{position:relative;left:141.66666667%}.pull-right-18{position:relative;left:150%}.pull-right-19{position:relative;left:158.33333333%}.pull-right-20{position:relative;left:166.66666667%}.pull-right-21{position:relative;left:175%}.pull-right-22{position:relative;left:183.33333333%}.pull-right-23{position:relative;left:191.66666667%}.pull-right-24{position:relative;left:200%} @media only screen and (max-width:1240px){.row>.midd-1{width:6.33333333%}.row>.midd-2{width:14.66666667%}.row>.midd-3{width:23%}.row>.midd-4{width:31.33333333%}.row>.midd-5{width:39.66666667%}.row>.midd-6{width:48%}.row>.midd-7{width:56.33333333%}.row>.midd-8{width:64.66666667%}.row>.midd-9{width:73%}.row>.midd-10{width:81.33333333%}.row>.midd-11{width:89.66666667%}.row>.midd-12{width:98%}.row>.midd-13{width:106.33333333%}.row>.midd-14{width:114.66666667%}.row>.midd-15{width:123%}.row>.midd-16{width:131.33333333%}.row>.midd-17{width:139.66666667%}.row>.midd-18{width:148%}.row>.midd-19{width:156.33333333%}.row>.midd-20{width:164.66666667%}.row>.midd-21{width:173%}.row>.midd-22{width:181.33333333%}.row>.midd-23{width:189.66666667%}.row>.midd-24{width:198%}.midd-hide{display:none}.midd-center{position:relative;left:-1%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}.full-row>.midd-13{width:108.33333333%}.full-row>.midd-14{width:116.66666667%}.full-row>.midd-15{width:125%}.full-row>.midd-16{width:133.33333333%}.full-row>.midd-17{width:141.66666667%}.full-row>.midd-18{width:150%}.full-row>.midd-19{width:158.33333333%}.full-row>.midd-20{width:166.66666667%}.full-row>.midd-21{width:175%}.full-row>.midd-22{width:183.33333333%}.full-row>.midd-23{width:191.66666667%}.full-row>.midd-24{width:200%}}@media only screen and (max-width:992px){.row>.smidd-1{width:6.33333333%}.row>.smidd-2{width:14.66666667%}.row>.smidd-3{width:23%}.row>.smidd-4{width:31.33333333%}.row>.smidd-5{width:39.66666667%}.row>.smidd-6{width:48%}.row>.smidd-7{width:56.33333333%}.row>.smidd-8{width:64.66666667%}.row>.smidd-9{width:73%}.row>.smidd-10{width:81.33333333%}.row>.smidd-11{width:89.66666667%}.row>.smidd-12{width:98%}.row>.smidd-13{width:106.33333333%}.row>.smidd-14{width:114.66666667%}.row>.smidd-15{width:123%}.row>.smidd-16{width:131.33333333%}.row>.smidd-17{width:139.66666667%}.row>.smidd-18{width:148%}.row>.smidd-19{width:156.33333333%}.row>.smidd-20{width:164.66666667%}.row>.smidd-21{width:173%}.row>.smidd-22{width:181.33333333%}.row>.smidd-23{width:189.66666667%}.row>.smidd-24{width:198%}.smidd-hide{display:none}.smidd-center{position:relative;left:-1%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}.full-row>.smidd-13{width:108.33333333%}.full-row>.smidd-14{width:116.66666667%}.full-row>.smidd-15{width:125%}.full-row>.smidd-16{width:133.33333333%}.full-row>.smidd-17{width:141.66666667%}.full-row>.smidd-18{width:150%}.full-row>.smidd-19{width:158.33333333%}.full-row>.smidd-20{width:166.66666667%}.full-row>.smidd-21{width:175%}.full-row>.smidd-22{width:183.33333333%}.full-row>.smidd-23{width:191.66666667%}.full-row>.smidd-24{width:200%}}@media only screen and (max-width:760px){.row>.smal-1{width:6.33333333%}.row>.smal-2{width:14.66666667%}.row>.smal-3{width:23%}.row>.smal-4{width:31.33333333%}.row>.smal-5{width:39.66666667%}.row>.smal-6{width:48%}.row>.smal-7{width:56.33333333%}.row>.smal-8{width:64.66666667%}.row>.smal-9{width:73%}.row>.smal-10{width:81.33333333%}.row>.smal-11{width:89.66666667%}.row>.smal-12{width:98%}.row>.smal-13{width:106.33333333%}.row>.smal-14{width:114.66666667%}.row>.smal-15{width:123%}.row>.smal-16{width:131.33333333%}.row>.smal-17{width:139.66666667%}.row>.smal-18{width:148%}.row>.smal-19{width:156.33333333%}.row>.smal-20{width:164.66666667%}.row>.smal-21{width:173%}.row>.smal-22{width:181.33333333%}.row>.smal-23{width:189.66666667%}.row>.smal-24{width:198%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-1%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%} .full-row>.smal-13{width:108.33333333%}.full-row>.smal-14{width:116.66666667%}.full-row>.smal-15{width:125%}.full-row>.smal-16{width:133.33333333%}.full-row>.smal-17{width:141.66666667%}.full-row>.smal-18{width:150%}.full-row>.smal-19{width:158.33333333%}.full-row>.smal-20{width:166.66666667%}.full-row>.smal-21{width:175%}.full-row>.smal-22{width:183.33333333%}.full-row>.smal-23{width:191.66666667%}.full-row>.smal-24{width:200%}} /*挂件分页样式*/ .util-page{ font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#bd8c09;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size: .8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ .wrap { width:1200px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9;/*overflow: hidden; */overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#bd8c09;} ::-moz-selection {color:#fff; background:#3cabff; } ::selection {color:#fff; background:#3cabff; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ .trs1{transition: all 1s ease;} .trs5{transition: all 0.5s ease;} .trs3{transition: all 0.3s ease;} /**********************************/ /*头部*/ .header{height: 65px;} .head{ height: 106px;background: #fff;position: fixed;z-index: 20;width: 100%;top: 0;transition: all 0.5s ;} .head.cur{top:0;background-color:#fff;height:65px;transition: all 0.5s ease;} .head .logo{width: 309px;transition: all 0.3s ease;} .head.cur .logo{margin:1% 0;transition: all 0.3s ease;} /*.head.cur .h_top {display:none;transition: all 0.5s ease;}*/ .head.cur .inav .nav_li > a{height: 65px;line-height: 65px;} .head .h_top{ padding: 0.5% 0;/* transition: all 0.5s ease;*/} .head .h_top ul{ width: 19%; } .head .h_top li{ width: 50%; text-align: center; } .head .h_top li a{ color: #bd8c09; } .head .h_top li .ico{ display: inline-block; width: 15px; height: 15px; background: url(../img/h_top.png) no-repeat; margin-right: 2%;} .head .h_top li.li02 .ico.ico1{background-position: -31px 0;margin-top: -2px;} .head .h_top li .ico.ico2{ background-position: -15px 0; } .head .h_top li.li01{ position: relative; } .head .h_top li.li01 .option{ position: absolute; top: 147%; width: 250px; left: 50%; margin-left: -105px; background: #f7f7f7; padding: 10px 0; display: none;min-height: 30px; z-index: 25;} .head .h_top li.li01 .option a{ padding: 0 5% 0 5%; line-height: 2; display: block; } /*.head .h_bottom { padding: 0 0 0.5% 0; }*/ .head .h_bottom .inav_wrap{ width: 55%; margin-left: 5%; } .inav .nav_li { display:inline-block; } .inav .nav_li .sec_ul { display:none; } .inav .nav_li > a { display:block; padding:0 20px; height:72px; line-height:72px; font-size:16px; color:#fff; } .head .h_bottom .inav .nav_li{ line-height: 65px; /*padding: 0 1.25%;*/ font-size: 16px;} .head .h_bottom .inav .nav_li a{ color: #333; } .head .h_bottom .inav .nav_li a:hover{ color: #bd8c09; font-weight: bold;} .head .h_bottom .search_box { width: 11%; } .head .h_bottom .search_box .lang,.head .h_bottom .search_box .search{ margin-top: 10%; margin-right: 5%; } .head .h_bottom .search_box .lang a,.head .h_bottom .search_box .search a{ background: #bd8c09; color: #fff; font-size: 15px; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px;} .head .h_bottom .search_box .search a{ position: relative; background: #745a0f } .head .h_bottom .search_box .search a .ico{ display: block; width: 16px; height: 15px; background: url(../img/top_serach.png) no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -8px;} .head .h_search { position: absolute; background: #bd8c09; display: none; z-index: 10} .head.cur .h_search{top: 65px;} .head .h_search .b{ border-width: 8px; border-style: solid; border-color: transparent transparent #bd8c09 transparent; position: absolute; top: -16px; right: 5%; } .head .h_search .form{ padding: 3%; } .head .h_search .form input{ width: 90%; height: 40px; border: none; padding-left: 3%; } .head .h_search .form .btn{ height: 40px; width: 5%; font-size: 15px; background: #745a0f; color: #fff; margin-left: 1%; } /*下拉*/ .head .drop_lists { display:none; } .head .drop_layout { display:none; background-color:#fff\9; border-top:#e0e0e0 1px solid; border-bottom:#bd8c09 2px solid; } .head .drop_layout.show { display:block; } @media all and (min-width:0){ .head .drop_layout { background-color:rgba(255,255,255,.9); } } .head .drop_layout .h_uni_btn_more_wrap { margin-left:0; } .head .drop_lists .drop_layout_con > .wrap { background:url(../img/head02.png) top left repeat-y; } .head .drop_lists .drop_col1 { float:left; width:36%; min-height:250px; } .head .drop_lists .drop_col1 .drop_col_con { padding:20px 0 30px 115px; } .head .drop_lists .two_columns .sec_ul { float:left; width:126px; } .head .drop_lists .sec_ul { width:252px; } .head .drop_lists .sec_li:last-child > a { border-bottom:none; } .head .drop_lists .sec_li.last > a { border-bottom:none; } .head .drop_lists .sec_li { height:50px; color:#000; border-bottom:#ddd 1px solid; } .head .drop_lists .sec_li > a { display:block; height:50px; line-height:50px; font-size:16px; } .head .drop_lists .drop_col2 { float:left; width:32.5%; text-align:center; } .head .drop_lists .drop_col2 .drop_col_con { margin:30px auto 0; width:245px; } .head .drop_lists .drop_col2 .img_wrap { position:relative; height:0; padding-bottom:61%; overflow:hidden; } .head .drop_lists .drop_col2 img { position:absolute; top:0; left:0; width:100%; height:100%; } .head .drop_lists .drop_col3 { float:left; width:30%; } .head .drop_lists .drop_col3 .drop_col_con { padding:20px 10px 40px 65px; } .head .drop_lists .drop_col_tit { margin-bottom:5px; font-size:24px; color:#000; transition:all ease .3s; -webkit-transition:all ease .3s; } .head .drop_lists .drop_col_tit:hover { color:#bd8c09; } .head .drop_lists .drop_col_desc { margin-bottom:40px; line-height:2.1; font-size:13px; color:#8c8b8c; } /*0901修改吸顶的时候注释 定位改成绝对*/ /*.head .drop_new{width:1200px; margin:0 auto; position:relative; z-index: 20;}*/ /*0901修改吸顶的时候注释 end*/ .head .drop_new{width:1200px; margin:0 auto; position:absolute; z-index: 20;} .head.cur .drop_new{top: 65px;} .head .drop_new .drop_layout{width:780px; position:absolute; top:0;} .head .drop_new .drop_layout.drop_1{left:190px;} .head .drop_new .drop_layout.drop_2{left:294px;} .head .drop_new .drop_layout.drop_3{left:398px; left:auto; right:0;} .head .drop_new .drop_layout.drop_4{right:0;} .head .drop_new .drop_layout.drop_5{right:0;} .head .drop_new .drop_layout.drop_6{right:0;} .head .drop_new .drop_col1{width:48%;} .head .drop_new .drop_col1 .drop_col_con{padding:20px 50px 30px 50px;} .head .drop_new .drop_col3{width:50%;} .head .drop_new .drop_line{background:url(../img/drop_line.png) center top repeat-y;} .head .drop_new .sec_li:last-child{border:none;} .head .drop_new .drop_layout { width:820px; height:330px; } .head .drop_new .drop_layout:before, .head .drop_new .drop_layout:after { content:''; display:block; width:1px; height:100%; position:absolute; top:0; background-color:#ddd; } .head .drop_new .drop_layout:before { left:40%; } .head .drop_new .drop_layout:after { left:60%; } .head .drop_new .drop_line { background:none; } /*.head .drop_new { display:block!important; }*/ .head .drop_new .drop_col3 { width:40%; } .head .drop_new .drop_col1 { width:20%; } .head .drop_new .drop_col4 { float:left; width:40%; } .head .drop_new .drop_col3 .drop_col_con { padding-left:40px; } .head .drop_new .drop_col1 .drop_col_con { padding:20px; } .head .drop_new .drop_col4 .drop_col_con { padding-right:40px; } .head .drop_lists .two_columns .sec_ul { float:none; } .head .drop_lists .sec_li { height:auto; } .head .drop_lists .sec_li.no_a { display:none; } .head .drop_lists .sec_li, .head .drop_new .sec_li:last-child { border-bottom:#ddd 1px solid; } .head .drop_lists .sec_li > a { height:40px; line-height:40px; } .head .drop_new .drop_col4 .drop_col_con { padding:20px; } .head .drop_new .drop_col4 .img_wrap { position:relative; margin-bottom:20px; height:0; padding-bottom:70%; overflow:hidden; } .head .drop_new .drop_col4 .drop_img_desc { display:none; font-size:15px; color:#333; } .h_uni_btn_more_wrap { margin:40px auto 0; width:103px; height:34px; line-height:34px; border:#bd8c09 2px solid;transition:all ease .75s; -webkit-transition:all ease .75s; } .h_uni_btn_more { position:relative; display:block; font-size:13px; color:#000000; text-align:center; transition:all ease .75s; -webkit-transition:all ease .75s; } .h_uni_btn_more:hover { color:#fff; background-color:#bd8c09; } .mobile_key{ display: none; } /*下层banner*/ .x_banner { position: relative;height: 330px;z-index: 1;} .x_banner img{ position: absolute; width: 1920px; height: 330px; left: 50%; margin-left: -960px; top: 0; max-width: none;} .nav_bread{ position: absolute; height: 50px; line-height: 50px; bottom: 0; width: 100%;} .nav_bread .wrap{ background: rgba(255,255,255,.8); } .nav_bread .t_nav{ width: 70%;} .nav_bread .t_nav li{ width: 11%; font-size: 14px; text-align: center;} .nav_bread .t_nav li a{ color: #464646; } .nav_bread .t_nav li:hover,.nav_bread .t_nav li.cur{ background: #745a0f; color: #fff; font-weight: bold; font-size: 16px; } .nav_bread .t_nav li:hover a,.nav_bread .t_nav li.cur a{ color: #fff; } .nav_bread .bread { font-size: 12px; color: #464646; margin-right: 1%; } .nav_bread .bread a:hover{ color: #bd8c09 } /*底部*/ footer{ background: url(../img/foot_bg.jpg) center center; height: 412px; position: static; bottom: 0; left: 0; z-index:0; width: 100%;} .foot .f_top{ padding: 75px 0 28px; border-bottom: 1px solid #575550; } .foot .f_top .left{ width: 28.3%; } .foot .f_top .left .f_logo{ margin-bottom: 40px;margin-top: -20px; } .foot .f_top .left .dec{ margin-bottom: 10%; font-size: 13px; color: #d6d6d6;} .foot .f_top .left .bdsharebuttonbox a{ width: 32px; height: 32px; background: url(../img/foot_share.png) no-repeat; padding-left: 0; margin-left: 5px;} .foot .f_top .left .bdsharebuttonbox a.bds_weixin{ background-position: -32px 0; } .foot .f_top .left .bdsharebuttonbox a.bds_sqq{ background-position: -64px 0; } .foot .f_top .left .bdsharebuttonbox a.bds_qzone{ background-position: -96px 0; } .foot .f_top dt{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 26px; } .foot .f_top .dl1{ width: 32.5%; margin-left: 4%; } .foot .f_top .dl2{ width: 17%; } .foot .f_top dd{ padding: 10px 0; font-size: 13px; color: #d6d6d6;} .foot .f_top dd a{ color: #d6d6d6 } .foot .f_top dd:hover span{ color: #bd8c09 } .foot .f_top .dl2 .ico{ display: inline-block; width: 20px; height: 20px; background: url(../img/foot_contact.png) no-repeat; margin-right: 6px;float: left;} .foot .f_top .dl2 .ico2{ background-position: -20px 0; } .foot .f_top .dl2 .ico3{ background-position: -40px 0; } .foot .f_top .dl2 .ico4{ background-position: -60px 0; } .foot .f_top .phone{ margin-left: 9%; margin-top: 4%;} .foot .f_top .phone .tit{ font-size: 13px; color: #d6d6d6; text-align: center; margin-bottom: 7%;} .foot .f_bottom{ text-align:center; font-size: 13px; color: #bebebe; margin-top: 33px;padding-bottom: 30px; } .foot .f_bottom a.bei{ margin-right: 2%; } .foot .f_bottom a:hover{ color: #bd8c09 } /*主体部分*/ .channel_content{ padding: 50px 0 50px 0; position: relative; z-index: 10;/* margin-bottom: 412px;*/ background: #fff;} /*加载更多*/ /*通用-按钮-加载更多*/ .loading{margin-top: 40px; margin-bottom:60px;} .loading .uni_btn_more_wrap { margin:20px auto; } .loading .uni_btn_more { position:relative; margin:4px auto; width:248px; height:38px; line-height:38px; font-size:14px; color:#333; text-align:center; border:#dbdbdb 1px solid; cursor:pointer; } .loading .uni_btn_more:hover { color:#bd8c09 ; border-color:#bd8c09 ; } .loading .uni_btn_more:after { background-color:#bd8c09 ; } .loading .uni_loading { display:none; margin:0 auto; width:48px; height:48px; background:url(../img/loading.png) center center no-repeat; animation:rotating 3s linear infinite; -webkit-animation:rotating 3s linear infinite; } .loading .uni_btn_more_wrap.loading .uni_loading { display:block; } .loading .uni_btn_more_wrap.loading .uni_btn_more { display:none; } .loading .uni_btn_more_wrap.nomore .uni_btn_more { border-color:transparent; cursor:default; } .loading .uni_btn_more_wrap.nomore .uni_btn_more:before { content:'没有更多内容了'; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background-color:#fff; z-index:3; color:#333; } .loading .uni_btn_more_wrap.nomore .uni_btn_more:after { display:none; } .loading .uni_btn_more_wrap.nomore .uni_btn_more .btn_con{display:none;} @keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } @-webkit-keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } /*加载更多 end*/ /*翻入式动画*/ .rolling .rolling_box { -webkit-perspective:1300px; -o-perspective:1300px; -ms-perspective:1300px; perspective:1300px; -webkit-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; } .rolling .rolling_box .is_animated { -webkit-transition-duration:1.2s; -webkit-transition-property:-webkit-transform,opacity; -webkit-transition-delay:.15s; -webkit-transition-timing-function:'ease-in-out'; -moz-transition-duration:1.2s; -moz-transition-property:all; -moz-transition-delay:.15s; -moz-transition-timing-function:'ease-in-out'; -o-transition-duration:1.2s; -o-transition-property:transform,opacity; -o-transition-delay:.15s; -o-transition-timing-function:'ease-in-out'; -ms-transition-duration:1.2s; -ms-transition-property:transform,opacity; -ms-transition-delay:.15s; -ms-transition-timing-function:'ease-in-out'; transition-duration:1.2s; transition-property:transform,opacity; transition-delay:.15s; transition-timing-function:'ease-in-out'; -webkit-transform:rotatex(-80deg) translateZ(0); -ms-transform:rotatex(-80deg) translateZ(0); transform:rotatex(-80deg) translateZ(0); -webkit-transform-origin:0 0 0; -ms-transform-origin:0 0 0; transform-origin:0 0 0; opacity:0 } .rolling .rolling_box .is_animated.revealed { -webkit-transform:rotatex(0) translateZ(0); -ms-transform:rotatex(0) translateZ(0); transform:rotatex(0) translateZ(0); opacity:1 } .rolling .rolling_box .tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;} .rolling .rolling_box .tansDelay200{transition-delay: .2s;-webkit-transition-delay: .2s;} .rolling .rolling_box .tansDelay400{transition-delay:.4s;-webkit-transition-delay: .4s;} .rolling .rolling_box .tansDelay600{transition-delay: .6s;-webkit-transition-delay: .6s;} .rolling .rolling_box .tansDelay800{transition-delay: .8s;-webkit-transition-delay: .8s;} .rolling .rolling_box .tansDelay1000{transition-delay: 1s;-webkit-transition-delay: 1s;} /*翻入式动画 end*/ /*翻转按钮*/ .more { display:inline-block; width:116px; font-size:14px; text-align:center;} .more a{display:block; width:100%; height:46px;} .more .face1{border:2px solid #b98d0a; line-height:46px; font-size:0; color:#333; text-align:center; height:46px;} .more .face1 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top; opacity:0.6;} .more .face2{background:#b98d0a; border:2px solid #b98d0a; color:#fff;line-height:46px; font-size:0; text-align:center; height:46px; } .more .face2 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top;} /*翻滚按钮公用样式*/ .roll_box{-webkit-perspective: 500px; perspective: 500px; position:relative;} .roll1{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);-webkit-transition: .2s ease; transition: .5s ease; -webkit-transform-origin: 50% 50% -25px; -ms-transform-origin: 50% 50% -25px; transform-origin: 50% 50% -25px; position:absolute; left:0; top:0; width:100%; z-index:1;opacity:1;} .roll2{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);-webkit-transition: .2s ease; transition: .5s ease; -webkit-transform-origin: 50% 50% -25px; -ms-transform-origin: 50% 50% -25px; transform-origin: 50% 50% -25px; position:absolute; left:0; top:0; width:100%; z-index:-1; opacity:0; display:none\9;} /*hover动画*/ .roll_box:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;} .roll_box:hover .roll2{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);display:block\9;z-index:1;opacity:1;} /*切换动画*/ .i_part02 .ip2_img .img_box li.on .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;} .i_part02 .ip2_img .img_box li.on .roll2{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);display:block\9;z-index:1;opacity:1;} /*翻转按钮 end*/ .i_video_box .about-video-close{background: url(../img/about_close.png) no-repeat center;width: 22px;height: 22px;position: absolute;right: 0;top: 0;z-index: 2;} /***************************公共部分 end*****************************/ /* 采购--gjx */ .num_ic{ position: relative; font-size: 36px; color: #FFE718; vertical-align: -3px; margin-right: 30px; } .num_ic:after{ content:''; position: absolute; width: 15px; height: 1px; right: -16px; top: 15px; background: #FFE718; transform:rotateZ(-30deg); } .num_ic:before{ content:''; position: absolute; width: 15px; height: 1px; left: -16px; top: 30px; background: #FFE718; transform:rotateZ(-30deg); } .num_ic.white{ color: #fff; } .num_ic.white:after{ background: #fff; } .num_ic.white:before{ background: #fff; } .purchase{padding-top: 0;padding-bottom: 0;} .purchase_tit{ font-size: 30px; color: #bd8c09; font-weight: normal; text-align: center; line-height: 1; margin-bottom: 45px; } .purchase_sec1{ background: #f5f5f5; padding-top: 60px; padding-bottom: 90px; } .purchase .num_ic{color: #bd8c09;} .purchase .num_ic:after{background: #bd8c09;} .purchase .num_ic:before{background: #bd8c09;} .purchase .jl_prolist02 .jl_pro02_box{background: url(../img/jl_prolist01.png) no-repeat center} .purchase_sec1 .con{ padding: 70px 35px; background: #fff; } .purchase_sec1 .cart{ margin-bottom: 15px; display: block; } .purchase_sec1 .con:hover img{transition: all 0.3s ease;} .purchase_sec1 .con:hover .cart img{transform: rotateY(180deg);transition: all 0.3s ease;} .purchase_sec1 .sub{ font-size: 20px; margin-bottom: 20px; } .purchase_sec1 .txt{ height: 66px; overflow: hidden; width: 100%; } .purchase_sec2{ width: 100%; height: 515px; background:; position: relative; } .purchase_sec2_con{ width: 426px; height: 370px; background:rgba(189,140,9,.6); color: #fff; padding: 70px 45px; box-sizing: border-box; position: absolute; top: 75px; left: 35px;z-index: 2; } .purchase_sec2>img{position: absolute;left: 50%;margin-left: -960px;max-width: none;} .purchase_sec2 .purchase_tit{ color: #fff; text-align: left; margin-bottom: 20px; } .purchase_sec2 .num_ic{ margin-right: 30px; } .purchase_sec2_con ._txt{ line-height: 2; font-size: 14px; } .purchase_sec2 .num_ic{color: #fff;} .purchase_sec2 .num_ic:after{background: #fff;} .purchase_sec2 .num_ic:before{background: #fff;} .purchase_sec3{ background: #f5f5f5 url('../img/purchase_sec3_bg.jpg') no-repeat right bottom; height: 510px; width: 100%; padding-top: 70px; } .purchase_sec3 .img{ width: 35%; padding-left: 6%; } .purchase_sec3 .purchase_tit{ text-align: left; margin-bottom: 25px; } .purchase_sec3 .intro{ padding-top: 60px; width: 40%;float: left;margin-left: 140px; } .purchase_sec3 .intro .content_3{margin-top: 20px;} .purchase_sec3 .intro .content_3 .con_t{font-size: 20px;color: #000;} .purchase_sec3 .intro .content_3 .con_c{font-size: 14px;color: #757575;line-height: 23px;margin-bottom: 20px;} .purchase_sec4 { width: 100%; height: 357px; padding-top: 140px; background:url(../img/purchase_sec4_bg.jpg) no-repeat center; } .purchase_sec4 .img{ width: 50%; float: left; margin-left: 3%; } .purchase_sec4 .intro{ width: 40%; margin-right: 1%; } .purchase_sec4 .purchase_tit{ text-align: left; margin-bottom: 25px; } .purchase_sec5{ background:url('../img/purchase_sec5_bg.gif') repeat-y center; height: 560px; } .purchase_sec5 .left{ padding-top: 120px; color: #fff; } .purchase_sec5 .purchase_tit{ text-align: left; color: #fff; } .purchase_sec5 .left .p1{ margin-bottom: 35px; } .purchase_sec5 .left .p2{ margin-bottom: 35px; } .purchase_sec5 .left .p2 a:hover{color: #fff;opacity: 0.8} .purchase_sec5 .left .p3 a:hover{color: #fff;opacity: 0.8} .purchase_sec5 .wrap{ height: 100%; } .purchase_sec5 .wrap .right{ height: 100%; background: #e7e4db; } .purchase_sec5 .num_ic{color: #fff;} .purchase_sec5 .num_ic:before{background: #fff;} .purchase_sec5 .num_ic:after{background: #fff;} #echartMap{ width: 670px; height: 100%; } .mapBox{ display: none; position: absolute; top:50px; left:200px; width:260px; height: 75px; padding:25px 15px; background: #fff; } .mapBox .jia{ position: absolute; background: url('../img/jia_ico.png') no-repeat center; width:28px; height:28px; right:-30px; } .mapBox2{ left:0px; top:140px;} .mapBox3{ left:50px; top:300px; } /*****************************公司简介*******************************/ .about_p1{position: relative;padding-top: 10px;} .about_p1 .about1_box{position: absolute;background: url(../img/about_01.png) no-repeat center;width: 572px;height: 97px;left: 50%;margin-left:-286px;} .about_p1 .infor{padding-top: 35px;} .about_p1 .infor .tit{font-size: 35px;color:#bd8c09;text-align: center;margin-bottom:30px;} .about_p1 .infor .con{margin-bottom: 20px;} .about_p1 .infor .con ul{width: 59%;margin:0 auto;} .about_p1 .infor .con ul li{width: 50%;position: relative;float: left;} .about_p1 .infor .con ul li.li2{float: right;} .about_p1 .infor .con .left{float: left;margin-right: 20px;} .about_p1 .infor .con .center{float: left;} .about_p1 .infor .con .right{float: left;} .about_p1 .infor .con .left .num{font-size: 64px;font-family:Futura Bk BT;color: #bd8c09;} .about_p1 .infor .con .center .name1{font-size: 18px;color: #2d2c2c;margin-top: 30px;} .about_p1 .infor .con .center .name2{font-size: 12px;color: #9e9e9e;} .about_p1 .infor .con li .right{width:45px;height: 49px;margin-top:27px;margin-left:50px;} .about_p1 .infor .con li.li1 .right{background: url(../img/about_02.png) no-repeat center;} .about_p1 .infor .con li.li2 .right{background: url(../img/about_03.png) no-repeat center;} .about_p1 .infor .con ul li.li1:after{content:'';position: absolute;width: 1px;height: 37px;background: #e2e2e2;top: 50%;margin-top: -18px;right: 0;} .about_p1 .infor .con li.li2 .li_box{padding-left: 70px;} .about_p2 .rect-1005{padding-bottom: 100.5%;} .about_p2 .rect-1003{padding-bottom: 100.3%;} .about_p2 .text{width:1000px;margin:0 auto;font-size:14px;color:#5a5a5a;line-height:30px;margin-bottom: 54px;} .about_p2 .about2_box .left{float: left;width: 50%;} .about_p2 .about2_box .right.video_box{float: left;width: 50%;position: relative;cursor: pointer;} .about_p2 .about2_box .right.video_box:after{content:'';position: absolute;width: 111px;height: 111px;background: url(../img/about_05.png) no-repeat center;left: 50%;margin-left: -55px;top: 50%;margin-top: -55px;} .about_p2 .about2_box .left .top_ .top_l{float: left;width: 50%;} .about_p2 .about2_box .left .top_ .top_r{float: left;width: 50%;background: #bd8c09;} .about_p2 .about2_box .left .top_ .top_r_box{padding:48px 42px 43px 43px;overflow: hidden;} .about_p2 .about2_box .left .top_ .top_r_box .content{line-height: 30px;color: #fff;font-size: 16px;height: 210px;overflow: hidden;} .about_p2 .about2_box .left .bottom_{width: 600px;height: 301px;background: url(../img/about_07.jpg) no-repeat center;} .about_p2 .about2_box .left .bott_box{padding: 64px 59px 62px 52px;} .about_p2 .about2_box .left .bott_box .tit{font-size:24px;color:#745a0f;margin-bottom:24px} .about_p2 .about2_box .left .bott_box .con{font-size:14px;color:#5a5a5a;line-height:28px;} .about_p3{line-height: 28px;margin-top: 55px;color: #5a5a5a;} /*******************************公司简介 end************************************/ /**********************************党建****************************************/ .party_building{padding-bottom: 0;background: #f7f7f7;} .party_p1{padding-bottom: 30px;} .party_p1 .left{float: left;width: 69.16%;} .party_p1 .right{float: right;width: 27.5%;} /*党建-新闻搜索*/ .news-search { overflow:hidden; position:relative;background: #fff;margin-bottom: 24px;} .news-search ._pd{ padding:32px 34px ;} .nsearch-lant{ font-size:20px; font-weight:bold; margin-bottom:19px; color:#333333;} .nsearch-main .news-sele{ width:100%; height:40px; line-height:40px; border:none; background:#dedede url(../img/party_01.jpg) no-repeat right; border-radius:0; margin-bottom:15px;} .nsearch-main .news-sele ._arrow{ display:none;} .nsearch-main .select-ui-choose-default-bottom.on{border-radius:0;} .select-ui-options-default{ border-color:#f1f1f1 !important; } .nsearch-main .news-inp{ width:100%; float:left; height:40px; line-height:40px; background:#dedede; border:none; padding:0; margin:0; text-indent:8px;margin-bottom:15px;} .nsearch-main .news-btn{ width:100%; float:right; height:40px; line-height:40px; border:none; padding:0; cursor:pointer; color:#fff; background-color:#dda300; font-size:18px;margin-bottom: 40px;} .news-content .con_box{padding: 21px 18px 35px;background: #fff;} .news-content .con_box .rect-7525{padding-bottom: 75.25%;} .news-content .con_box .infor{margin-top: 23px;text-align: left;} .news-content .con_box .infor .tit{font-size: 18px;margin-bottom: 10px;color: #333;} .news-content .con_box .infor .con{font-size: 12px;line-height: 20px;color: #5a5a5a;margin-bottom: 15px;} /*党建列表*/ .party_p1 .left{width:69.16%} .party_p1 .left li{margin-bottom:20px;background:#fff;} .party_p1 .left .list_box{padding:3%;display:block;position:relative;overflow:hidden;position:relative;} .party_p1 .left li .list_time{font-size:16px;color:#5a5a5a;} .party_p1 .left li .list_title{font-size:24px;color:#333;margin:33px 0px 28px;} .party_p1 .left li .list_p{font-size:16px;color:#5a5a5a;line-height:27px;min-height: 0;} .party_p1 .left li .list_img{width:43%;margin-left: 4%;float: right;} .party_p1 .left .list_text{position:relative;z-index:3;} .party_p1 .left li:hover{background: #b98d0a;} .party_p1 .left li a:hover .list_time, .party_p1 .left li a:hover .list_title, .party_p1 .left li a:hover .list_p{color: #fff;} /*党建列表-没有图片*/ .rect-6722{padding-bottom: 67.22%;} .party_p1 .left li{margin-bottom:20px;background: #fff;overflow: hidden;} .party_p1 .left li.nopic .list_box{display:block;position:relative;overflow:hidden;padding: 35px 100px 66px 30px;} /********************************党建 end********************************/ /********************************新闻综合***********************************/ .news_abt{padding-bottom: 0;padding-top: 0;} .news_abt .news_p1 { background: url(../img/news_banner.jpg)center no-repeat; background-size:cover; height: 601px; } .news_abt .news_p1 .rect-563{padding-bottom: 56.3%;} .news_abt .news_p1 .news_p1_box{padding: 80px 0 74px;} .news_abt .news_p1 .left{float: left;width:100%;height: 446px;overflow: hidden;position: relative;} .news_abt .news_p1 .left .hd{position: absolute;left: 38px;z-index: 5;color: rgba(255,255,255,0.6);top: 50%;margin-top: -72px;} .news_abt .news_p1 .left .hd ul li{position: relative;font-size: 15px;font-family: Arial;margin-bottom: 22px;width: 15px;height: 15px;line-height: 15px;text-align: center;font-size: 0;cursor: pointer;} .news_abt .news_p1 .left .hd ul li.on:after{content:'';position: absolute;left: -48px;width: 20px;height: 3px;background: #765a10;top:25%;} .news_abt .news_p1 .left .hd ul li:before{content:'';width: 10px;height: 10px;border-radius: 10px;border:2px solid #e9e9e9;font-size: 0;opacity: 0.91;position: absolute;left: 0;} .news_abt .news_p1 .left .hd ul li.on:before{border: none;} .news_abt .news_p1 .left .hd ul li.on{font-size: 15px;color: #fff;} /*.news_abt .news_p1 .left .bd {height: 100%;} .news_abt .news_p1 .left .bd .tempWrap{height: 100%;}*/ .news_abt .news_p1 .left .bd ul li{position: relative;height: 446px;} .news_abt .news_p1 .right{position:absolute;width: 34%;height: 446px;background: rgba(0,0,0,.7);right: 0;top: 0;} .news_abt .news_p1 .right .right_box{padding: 50px 44px 65px 50px;color: #fff;} .news_abt .news_p1 .right .right_box .tit{font-size:40px;color:#ad8009;font-weight: bold;} .news_abt .news_p1 .right .right_box .con{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 14px;} .news_abt .news_p1 .right .right_box .date{color: #adadad;font-family:Futura Bk BT;line-height:38px;margin-bottom: 10px;} .news_abt .news_p1 .right .right_box .date .month{float:left;font-size: 24px;padding-right: 10px;position: relative;} .news_abt .news_p1 .right .right_box .date .month:after{content:'';position: absolute;right: 0;top: 50%;margin-top: -9px;width: 1px;height: 19px;background:#adadad;opacity: 0.34;} .news_abt .news_p1 .right .right_box .date .year{float:left;font-size: 18px;margin-left: 14px;} .news_abt .news_p1 .right .right_box .txt{font-size: 13px;color: #ebebeb;line-height: 22px;margin-bottom: 50px;height: 44px;overflow: hidden;} .news_abt .news_p1 .right .right_box .more .face1{color: #fff;} .news_abt .news_p2{padding: 50px 0 73px;} .news_abt .news_p2 .rect-6666{padding-bottom: 67.66%;} .news_abt .news_p2 .left{float: left;width: 66%;} .news_abt .news_p2 .right{float: left;width: 34%;} /*左半部分文字*/ .news_p2 .left .left_infor{margin-bottom: 25px;line-height: 1;height: 30px;} .news_p2 .left .left_infor .infor_l{font-size: 30px;color: #bd8c09;float: left;} .news_p2 .left .left_infor .infor_r{font-size: 14px;color: #5a5a5a;float: right;display: table;height: 100%;} .news_p2 .left .left_infor .infor_r a{display: table-cell;vertical-align: bottom;} /*左半部分图片*/ .news_abt .news_p2 .left .left_img{height: 300px;overflow: hidden;} .news_abt .news_p2 .left .left_img .left_l{float: left;width: 56%;} .news_abt .news_p2 .left .left_img .left_r{float: left;width: 44%;background: #d0970b;} .news_abt .news_p2 .left .left_img .left_r .left_r_box{padding: 30px 21px 20px 23px;} .news_abt .news_p2 .left .left_img .left_r .left_r_box .tit{font-size: 18px;color: #fff;margin-bottom: 5px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;} .news_abt .news_p2 .left .left_img .left_r .left_r_box .date{color: #ededed;font-family:Futura Bk BT;line-height:30px;margin-bottom: 15px;} .news_abt .news_p2 .left .left_img .left_r .left_r_box .date .month{float:left;font-size: 19px;padding-right: 12px;position: relative;} .news_abt .news_p2 .left .left_img .left_r .left_r_box .date .month:after{content:'';position: absolute;right: 0;top: 50%;margin-top: -7px;width: 1px;height: 15px;background:#ededed;opacity: 0.34;} .news_abt .news_p2 .left .left_img .left_r .left_r_box .date .year{float:left;font-size:14px;margin-left: 9px;} .news_abt .news_p2 .left .left_img .left_r .left_r_box .txt{font-size: 13px;color: #ededed;line-height: 22px;height: 66px;overflow: hidden;margin-bottom: 19px;} .news_abt .news_p2 .left .left_img .left_r .left_r_box .list li{padding: 10px 0;font-size: 16px;color: #fff;border-top:1px solid rgba(255,255,255,0.19);} .news_abt .news_p2 .left .left_img .left_r .left_r_box .tit a:hover, .news_abt .news_p2 .left .left_img .left_r .left_r_box .list a:hover{color: #ffe39f;} .news_abt .news_p2 .left .left_img .left_r .left_r_box .txt a:hover{color: #ededed;} /*右半部分文字*/ .news_abt .news_p2 .right .right_box{padding-left:24px;} .news_abt .news_p2 .right .right_infor{margin-bottom: 25px;line-height: 1;height: 30px;} .news_abt .news_p2 .right .right_infor .infor_l{font-size: 30px;color: #bd8c09;float: left;} .news_abt .news_p2 .right .right_infor .infor_r{font-size: 14px;color: #5a5a5a;float: right;display: table;height: 100%;} .news_abt .news_p2 .right .right_infor .infor_r a{display: table-cell;vertical-align: bottom;} .news_abt .news_p2 .right .right_list{height: 300px;overflow: hidden;} .news_abt .news_p2 .right .right_list li{border-bottom: 1px solid #ebebeb;} .news_abt .news_p2 .right .right_list li a{display: block;} .news_abt .news_p2 .right .right_list .a_box{padding: 12px 0;} .news_abt .news_p2 .right .right_list .a_box .t{font-size: 16px;color: #333;margin-bottom: 7px;line-height: 1.5;height: 48px;overflow: hidden;} .news_abt .news_p2 .right .right_list .a_box .d{font-size: 13px;color: #b8b8b8;} .news_abt .news_p2 .right .right_list li a:hover .a_box .t{color: #bd8c09;} .news_abt .news_p2 .right .right_list li a:hover .a_box .d{color: #bd8c09;} /*.news_abt .news_p2 .left .left_img .left_r a:hover{color: #fff;}*/ .news_abt .news_p3{height: 472px;background: url(../img/news_abt09.jpg) center center;} .news_abt .news_p3 .rect-5818{padding-bottom: 58.18%;} .news_abt .news_p3 .news_p3_infor{margin-bottom: 25px;line-height: 1;height: 30px;padding-top: 44px;} .news_abt .news_p3 .news_p3_infor .infor_l{font-size: 30px;color: #bd8c09;float: left;} .news_abt .news_p3 .news_p3_infor .infor_r{font-size: 14px;color: #5a5a5a;float: right;display: table;height: 100%;} .news_abt .news_p3 .news_p3_infor .infor_r a{display: table-cell;vertical-align: bottom;} .news_abt .news_p3 .li_box .add{width: 100%;height: 0%;background: rgba(0,0,0,.4);position: absolute;left: 0;bottom: 0;transition: all 0.3s ease;overflow: hidden;} .news_abt .news_p3 .li_box .add i{position: absolute;width: 76px;height: 77px;background: url(../img/news_abt08.png) no-repeat center;top: 50%;margin-top:-38px;left:50%;margin-left: -38px;} .news_abt .news_p3 .li_box .infor{padding: 24px 025px;background: #fff;} .news_abt .news_p3 .li_box .infor .txt{float:left;font-size: 16px ;color:#333;width: 75%;} .news_abt .news_p3 .li_box .infor .ion{float:right;background: url(../img/news_abt06.png) no-repeat center;width: 25px;height: 20px;margin-top: 3px;} .news_abt .news_p3 .li_box:hover .infor{background: #d0970b;} .news_abt .news_p3 .li_box:hover .infor .txt{color: #fff;} .news_abt .news_p3 .li_box:hover .infor .ion{background:url(../img/news_abt07.png) no-repeat center;} .news_abt .news_p3 .li_box:hover .add{height: 100%;transition: all 0.3s ease;} /********************************新闻综合 end*********************************/ /********************************新闻列表********************************/ .news_list{padding: 0 0 50px;top: 0;} .news_list_p1 { background: url(../img/news_banner.jpg)center no-repeat; background-size:cover; height: 601px; margin-bottom: 39px; } .news_list_p1 .font01{color: #fdf9f9;text-align: center;} .news_list_p1 .font01 .t{font-size: 34px;margin-bottom: 3px;padding-top: 62px;} .news_list_p1 .font01 .c{font-size: 15px;margin-bottom: 50px;} .news_list_p1 .newsscroll01 .item {position: relative;} .news_list_p1 .newsscroll01 .item .all_area{padding-bottom: 140px;} .news_list_p1 .newsscroll01 .item .img_area a{display: block;} .news_list_p1 .newsscroll01 .item .img_area .rect-57922{padding-bottom: 57.922%;} .news_list_p1 .newsscroll01 .item .infor_area{position: absolute;bottom: 0px;width: 100%;transition:all 0.5s;} .news_list_p1 .newsscroll01 .item .infor_area .txt{padding: 20px 17px 25px 29px;background: #fff;} .news_list_p1 .newsscroll01 .item .infor_area .txt a{display: block;} .news_list_p1 .newsscroll01 .item .infor_area .tit{font-size: 18px;color:#19191a;margin-bottom: 20px;height: 56px;overflow: hidden;/*transition: all 0.3s ease;*/} .news_list_p1 .newsscroll01 .item .infor_area .con{font-size: 14px;color:#fff;line-height: 26px; height:0px; overflow: hidden;transition: all 0.5s;} .news_list_p1 .newsscroll01 .item .infor_area .date{font-size: 13px;color:#909090;} .news_list_p1 .newsscroll01 .item:hover{background: #d0970b;} .news_list_p1 .newsscroll01 .item:hover .txt{background: #d0970b;transition:all 0.7s;} .news_list_p1 .newsscroll01 .item:hover .con{color: #fff;height: 50px;margin-bottom: 23px;transition:all 0.5s;} .news_list_p1 .newsscroll01 .item:hover .tit{color: #fff;margin-bottom: 6px;/*transition: all 0.3s ease;*/height: auto;} .news_list_p1 .newsscroll01 .item:hover .date{color: #fff;} .news_list_p1 .newsscroll01 .item .con:hover{color: #fff;} .news_list_p1 .newsscroll01 .item .tit:hover{color: #fff;} .news_list_p1 .newsscroll01 .item .date:hover{color: #fff;} /*横向滚动 01*/ .news_list_p1 .news_abt_img {padding: 0 6.08%;position: relative;} /*.news_list_p1 .news_abt_img .newsscroll01{display:none;margin-bottom:2em;}*/ .news_list_p1 .news_abt_img .newsscroll01 .item {background:#fff;} .news_list_p1 .news_abt_img .newsscroll01 .owl-nav{display: none;} /*横向滚动 end*/ .news_list_p2 .left{width: 72%;float: left;} .news_list_p2 .right{float: right;width: 25%;} .news_list_p2 .list_box{padding:46px 60px 40px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .news_list_p2 .list_main{overflow:hidden;} .news_list_p2 .bd_r{width:25%;} .news_list_p2 .bd_c{width:74%;padding:0 8% 0 5%;} .news_list_p2 .list_title{font-size:20px;color:#333;font-weight:normal;} .news_list_p2 .list_tool{font-size:12px;color:#9b9b9b;padding:10px 0px;} .news_list_p2 .list_tool .share{margin-left:20px;cursor:pointer;} .news_list_p2 .list_tool .tool_ico{ display: inline-block; width: 20px; height: 20px; background: url(../img/ico.png);vertical-align: middle;background-position: 0 -20px;margin-top: -2px;} .news_list_p2 .list_tool .share{margin-left:20px;cursor:pointer;} .news_list_p2 .list_tool .share .share_ico{ background-position: -20px 0; } .news_list_p2 .list_p{font-size:14px;color:#666666;line-height: 26px;height:52px;overflow:hidden;} .news_list_p2 .list_box:after{content: "";width:88%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;} .news_list_p2 li:hover .list_box{background-color:#f0f0f0;} .news_list_p2 li:hover .list_box:after{background-color:#f0f0f0;} .news_list_p2 li:hover .list_title a{color:#bd8c09 ;} .news_list_p2 .list_time{font-size:14px;color:#5a5a5a;padding:0 2% 2% 0;border-right:1px solid #e6e6e6;font-family: Arial;width:60px;} .news_list_p2 .list_time_day{display:block;font-size:50px;color:#c57d17;line-height:50px;font-family:Arial;} .news_list_p2 .bdsharebuttonbox a{padding:0;margin:0;background:none;height:20px;line-height:20px;width: auto;} /*新闻综合搜索*/ .news_list_p2 .news-search { background: #f4f4f4;} /******************************新闻列表 end*************************/ /******************************新闻详细*****************************/ .channel_content.news_detail{background: #f7f7f7;} .news_detail .detail_l{width:70.3399%;} .news_detail .l_box{background:#fff;padding:8% 6%;} .news_detail .news_title{font-size:30px;color:#000;margin-bottom: 10px;} .news_detail .l_tools{margin-bottom:40px;line-height:20px;} .news_detail .l_tools { font-size:0; color:#7e7e7e; margin-bottom:15px;} .news_detail .l_tools ._tool{ font-size:12px; margin-right:10px; display:inline-block; height:30px; line-height:30px; overflow:hidden;} .news_detail .l_tools .ion { font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;} .news_detail .l_tools b { font-weight:normal; } .news_detail .switcher a{display:inline-block;*display:inline;*zoom: 1;width:20px;height:20px;background:url(../img/switcher_ico.jpg) no-repeat;vertical-align:middle;} .news_detail .switcher .title{display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;margin-right:5px;font-size:12px;color:#7e7e7e;} .news_detail .switcher .big{background-position:0px 0px;} .news_detail .switcher .restore{background-position:-20px 0px;} .news_detail .switcher .small{background-position:-40px 0px;} .news_detail .detail_r{width:28%;} .news_detail .detail_r .arr_box{background:#fff;padding:8%;margin-bottom:14px;color:#666;display:block;} .news_detail .detail_r .arr_title{font-size:18px;color:#000;margin-bottom:10px;} .news_detail .detail_r .arr_news_title{font-size:16px;} .news_detail .detail_r .arr_time{font-size:14px;padding-top:6px;display:block;} .news_detail .detail_r .arr_box:hover{color:#fff;background-color: #c9a139;} .news_detail .detail_r .arr_box:hover .arr_title{color:#fff;} .news_detail .detail_r .share_box{background:#fff;padding:8%;} .news_detail .detail_r .share_title{font-size:18px;color:#000;margin-bottom:10px;} .news_detail .detail_r .black_list{width:100%;height:42px;line-height:42px;background:#7f580f;text-align:center;font-size:18px;color:#fff;display:block;} .news_detail .jiathis{padding:10px 0px;} .news_detail .jiathis a{width:37px;height:37px;background:url(../img/news_share_ico.jpg) no-repeat;display:inline-block;margin-right: 10px;cursor:pointer; padding:0} .news_detail .jiathis .jiathis_button_qzone{background-position:0px 0px;} .news_detail .jiathis .jiathis_button_tsina{background-position:-53px 0px;} .news_detail .jiathis .jiathis_button_weixin{background-position:-107px 0px;} .news_detail .jiathis .jiathis_button_tqq{background-position:-160px 0px;} /******************************新闻详细 end*****************************/ /********************************新闻通用(杭亚动态和媒体)*****************************/ .news_content_p1 .left{width: 72%;float: left;} .news_content_p1 .right{float: right;width: 25%;} .news_content_p1 .list_box{padding:46px 60px 40px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .news_content_p1 .list_main{overflow:hidden;} .news_content_p1 .bd_r{width:25%;} .news_content_p1 .bd_c{width:74%;padding:0 8% 0 5%;} .news_content_p1 .list_title{font-size:20px;color:#000334;font-weight:normal;} .news_content_p1 .list_tool{font-size:12px;color:#9b9b9b;padding:10px 0px;} .news_content_p1 .list_tool .share{margin-left:20px;cursor:pointer;} .news_content_p1 .list_tool .tool_ico{ display: inline-block; width: 20px; height: 20px; background: url(../img/ico.png);vertical-align: middle;/*background-position: 0 -20px;*/} .news_content_p1 .list_tool .share{margin-left:20px;cursor:pointer;} .news_content_p1 .list_tool .share .share_ico{ background-position: -20px 0; } .news_content_p1 .list_p{font-size:14px;color:#666666;line-height: 26px;height:52px;overflow:hidden;} .news_content_p1 .list_box:after{content: "";width:88%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;} .news_content_p1 li:hover .list_box{background-color:#f0f0f0;} .news_content_p1 li:hover .list_box:after{background-color:#f0f0f0;} .news_content_p1 li:hover .list_title a{color:#bd8c09 ;} .news_content_p1 .list_time{font-size:14px;color:#5a5a5a;padding:0 2% 2% 0;border-right:1px solid #e6e6e6;font-family: Arial;width:60px;} .news_content_p1 .list_time_day{display:block;font-size:50px;color:#c57d17;line-height:50px;font-family:Arial;} .news_content_p1 .bdshare-button-style1-16 a{padding:0;margin:0;background:none;height:20px;line-height:20px;width: auto;} .news_content_p1 .news-search { background: #f4f4f4;} /**************************新闻通用 end******************************/ /**************************社会责任******************************/ .social_respons ._more { width: 140px; display: inline-block; height: 46px; line-height: 46px; text-align: center; font-size: 14px; border: 1px solid #e0e3e4; } .social_respons ._more:hover .arr { border-color: transparent #fff transparent transparent; } .social_respons ._more .arr { display: inline-block; width: 0; height: 0; overflow: hidden; border-color: transparent #006d86 transparent transparent; margin-right: 10px; border-style: solid dashed dashed; border-width: 6px; } .social_respons .social_list li { overflow: hidden; position: relative; padding-left: 100px; margin-bottom: 50px; } .social_respons .social_list li ._date { position: absolute; left: 0; top: 0; width: 87px; height: 103px;font-family: Arial;transition: all 0.5s ease; } .social_respons .social_list li ._date .social_d { font-size: 50px; line-height: 1; padding: 15px 0 5px 0; } .social_respons .social_list li:hover ._date { background-position: 0 0; color: #b98d0a; transition: all 0.5s ease;} .social_respons .social_list li ._img { width: 35%; margin-right: 2%; } .social_respons .social_list li ._tit { font-size: 20px; font-weight: normal; margin-bottom: 20px; } .social_respons .social_list li ._txt { line-height: 2; margin-bottom: 25px; height: 78px;overflow: hidden;font-size: 13px;} .social_respons .social_list li .social_infor{float: left;width: 57%;} .social_respons .social_list li .social_infor:hover ._tit{color: #b98d0a;} .social_respons .social_list li .social_infor:hover ._txt{color: #b98d0a;} .social_respons .social_list li:hover .roll_box .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;} .social_respons .social_list li:hover .roll_box .roll2{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);display:block\9;z-index:1;opacity:1;} .rect-5619{padding-bottom: 56.19%;} /*********************************社会责任 end********************************/ /*********************************企业文化*************************************/ /*关于我们-企业文化*/ .rect-42{padding-bottom: 42%;} .culture .cul_left{width: 28%;float: left;margin-right: 5%;margin-left: 10px;} .culture .cul_right{float: left;width: 66%;} .culture .cul_left .date_ ul li{height: 73px;line-height: 73px;text-align: center; font-size: 22px;color:#5a5a5a;border-bottom: 1px solid #fff;background-color: #eee;} .culture .cul_left .date_ ul li a{display:block;} .culture .cul_left .date_ ul li:hover{background: #b98d0a;} .culture .cul_left .date_ ul li:hover a{color: #fff;} .culture .cul_left .date_ ul li.tab_t_cur{background:#b98d0a; } .culture .cul_left .date_ ul li.tab_t_cur a{color: #fff;} .culture .cul_right .tab_c{display: none;line-height: 28px;} .culture .cul_right .tab_c.tab_c_cur{display: block;} /******************************企业文化 end***************************************/ /*****************************银行贵金属*******************************/ .yhgjs{padding-bottom: 0;} /*------------接下来这个地方，即yhgjs_p1是所有业务公用的-------------*/ .yewu_common.yhgjs_p1{height: 504px;background: url(../img/pro_banner.jpg) center center;position: relative;} .yewu_common .yhgjs_p1_box ul { overflow: hidden; } .yewu_common .yhgjs_p1_box ul li { position: relative; float: left; overflow: hidden; width: 20%; height: 100%;/* margin-left: -1px;*/ padding: 40px 0 20px; -webkit-transition: width .5s cubic-bezier(.69, .06, .39, 1.07); -moz-transition: width .5s cubic-bezier(.69, .06, .39, 1.07); -o-transition: width .5s cubic-bezier(.69, .06, .39, 1.07); transition: width .5s cubic-bezier(.69, .06, .39, 1.07); transition: all .5s ease; } .yhgjs_p1_box ul li.current { width: 20%; } .yhgjs_p1_box ul li .text { height: 100%; padding: 40px 20px; color: #fff; border-left: 1px solid #fff; border-left: 1px solid rgba(255, 255, 255, .3); background: url(../img/opacity0.png); } /*动画样式 --配合display以及opc使用*/ .trs_cb{-webkit-transition: all .5s .1s cubic-bezier(.69, .06, .39, 1.07); -moz-transition: all .5s .1s cubic-bezier(.69, .06, .39, 1.07); -o-transition: all .5s .1s cubic-bezier(.69, .06, .39, 1.07); transition: all .5s .1s cubic-bezier(.69, .06, .39, 1.07);} /*动画样式 end*/ .yhgjs_p1_box ul li .text .tit{font-size: 14px;color: rgba(255,255,255,.5);margin-bottom: 17px;font-family: Futura Bk BT;text-transform: uppercase;/*opacity: 0; display: none\9;transform: translateY(200px);*/ transition: all .5s ease;} .yhgjs_p1_box ul li .text .name{font-size: 16px;color: #fff;margin-bottom: 50px;/*opacity: 0; display: none\9;transform: translateY(200px);*/ transition: all .5s ease;} .yhgjs_p1_box ul li .text .con{font-size: 14px;color: #fff;margin-bottom: 65px;/*opacity: 0; display: none\9;transform: translateY(200px);*/ transition: all .5s ease;} .yhgjs_p1_box ul li .text .more {opacity: 0; display:none\9;transform: translateY(200px); transition: all .5s ease;} .yhgjs_p1_box ul li .text .more .face1 .t{color: #fff;font-size: 16px;} .yhgjs_p1_box ul li .text .more .face2 .t{color: #fff;font-size: 16px;} .yhgjs_p1_box ul li.current .more{ opacity: 1; display: inline-block\9;transform: translateY(0);} .yhgjs_p1_box ul li.current .text .tit{font-size: 24px;line-height: 1;margin-bottom: 15px;/* opacity: 1; display: inline-block\9;transform: translateY(0);*/} .yhgjs_p1_box ul li.current .text .name{font-size: 28px;margin-bottom: 42px;line-height:1; /* opacity: 1;display: inline-block\9;transform: translateY(0);*/} .yhgjs_p1_box ul li.current .text .con{font-size: 20px;line-height: 1;/* opacity: 1; display: inline-block\9;transform: translateY(0);*/} .yhgjs_p1_box ul li .list dd{margin-bottom: 15px;font-size: 14px;color: rgba(255,255,255,.8);} .yhgjs_p1_box ul li .list dd.cur a{color: #bd8c09;} .yhgjs_p1_box ul li.jl .text .con{margin-bottom: 40px;} .yhgjs_p1_box ul li .list {opacity: 0; display:none\9;transform: translateY(200px);} .yhgjs_p1_box ul li.current .list {opacity: 1; display: inline-block\9;transform: translateY(0);} /*------------以上的yhgjs_p1是所有业务公用的 end----------*/ .yhgjs_p2{position: relative;padding-top: 68px;margin-bottom:35px;} .yhgjs_p2 .yhgjs_p2_box{position: absolute;background: url(../img/yhgjs_04.png) no-repeat center;width: 1200px;height: 61px;left: 50%;margin-left:-600px;z-index: -1} .yhgjs_p2>.wrap .infor{color: #bd8c09;text-align: center;padding-top: 15px;margin-bottom: 45px;} .yhgjs_p2>.wrap .infor a{font-size: 30px;font-weight: normal;cursor: default;} .yhgjs_p2 .img_ .bd_l{float: left;width: 35.5%;margin-right: 1%;} .yhgjs_p2 .img_ .bd_c{float: left;width: 35.5%;margin-right: 1%;} .yhgjs_p2 .img_ .bd_r{float: left;width: 25.9%;} .rect-6346{padding-bottom: 63.46%;} .rect-1810{padding-bottom: 179%;} .yhgjs_p2 .img_ .list_cell{position: relative;margin-bottom: 13px;} .yhgjs_p2 .img_ .list_cell .cell_infor{position: absolute;left: 30px;top: 33px;box-sizing:border-box;padding-right: 90px;} .yhgjs_p2 .img_ .list_cell /*.cell_infor */.t{font-size: 24px;color: rgba(255,255,255,.5);text-transform: uppercase;font-family: Futura Bk BT;line-height: 1.2;} .yhgjs_p2 .img_ .list_cell /*.cell_infor*/ .c{font-size: 19px;color: #fff;} .yhgjs_p2 .img_ .list_cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/yhgjs_06.png) repeat;opacity:0;visibility:hidden;color:#fff;} .yhgjs_p2 .img_ .list_cover{padding:10% 8%;box-sizing:border-box;} .yhgjs_p2 .img_ .list_cover .list_p{font-size:18px;transform:translateY(16px);-webkit-transform:translateY(16px);opacity:0;} .yhgjs_p2 .img_ .list_cover .list_p .number{margin-bottom:0px;} .yhgjs_p2 .img_ .list_cover .list_p .txt{font-size: 16px;line-height: 29px;height: 87px;overflow: hidden;} /*.yhgjs_p2 .img_ .bd_r .list_cover .list_p .number{margin-bottom:45px;}*/ .yhgjs_p2 .img_ .bd_r .list_cover{padding:20% 8%;box-sizing:border-box;} .yhgjs_p2 .img_ .bd_r .list_cell .c{margin-bottom: 15px;} .yhgjs_p2 .img_ .list_cell:hover .cell_infor,.yhgjs_p2 .img_ .list_cell.cur .cell_infor{opacity: 0;} .yhgjs_p2 .img_ .list_cell:hover .list_cover,.yhgjs_p2 .img_ .list_cell.cur .list_cover{opacity:1;visibility:visible;padding:4% 10%;} .yhgjs_p2 .img_ .bd_r .list_cell:hover .list_cover,.yhgjs_p2 .img_ .bd_r .list_cell.cur .list_cover{padding: 10% 8%;} .yhgjs_p2 .img_ .list_cell:hover .list_p,.yhgjs_p2 .img_ .list_cell.cur .list_p{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);} .yhgjs_p3{background: #f7f7f7;padding: 60px 0 53px;} .yhgjs_p3 .tab_t_box{padding-left: 145px;margin-bottom: 53px;} .yhgjs_p3 .tab_t_box .tab_t{float: left;font-size: 18px;color: #666;padding-right: 60px;} .yhgjs_p3 .tab_t_box .tab_t.tab_t_cur{position: relative;color: #c79556;} .yhgjs_p3 .tab_t_box .tab_t.tab_t_cur:after{content:'';position: absolute;width: 17px;height: 8px;top: 50%;margin-top: -4px;margin-left: 13px;background: url(../img/yhgjs_07.png) no-repeat center;right: 30px;} .yhgjs_p3 .tab_c_box .tab_c{} .rect-67{padding-bottom: 67%;} .yhgjs_p3 .tab_c_box .tab_c li{position: relative;overflow: hidden;cursor: pointer;} .yhgjs_p3 .tab_c_box .tab_c li .infor{padding: 20px 12px;text-align: center;background: url(../img/yhgjs_13.png) repeat;font-size: 16px;color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;box-sizing:border-box;opacity: 1;} .yhgjs_p3 .tab_c_box .tab_c li .tab_c_cover{position: absolute;width: 100%;height: 100%;background: url(../img/yhgjs_12.png) repeat;left: 0;top: 100%;} .yhgjs_p3 .tab_c_box .tab_c li .tab_c_cover .icon{background: url(../img/yhgjs_11.png) no-repeat center;position: absolute;top: 50%;margin-top: -19px;left: 50%;margin-left: -19px;width: 37px;height: 39px;} .yhgjs_p3 .tab_c_box .tab_c li .tab_c_cover .txt{font-size: 16px;position: absolute;bottom: 50px;width: 170px;overflow: hidden;left: 50%;margin-left: -85px;color: #fff;} .yhgjs_p3 .tab_c_box .tab_c li:hover .infor{opacity: 0;visibility:hidden;} .yhgjs_p3 .tab_c_box .tab_c li:hover .tab_c_cover{top: 0;} /*****************************银行贵金属 end*****************************/ /******************精炼-产品列表【头部在银行贵金属里】*******************/ .channel_content.jinglian_prolist{padding-top: 0;} .jl_prolist02{position: relative;padding-top: 68px;margin-bottom:35px;} .jl_prolist02 .jl_pro02_box{position: absolute;background: url(../img/jl_prolist0222.png) no-repeat center;width: 589px;height: 61px;left: 50%;margin-left:-294px;z-index: -1;} .jl_prolist02 .infor{color: #bd8c09;text-align: center;padding-top: 15px;margin-bottom: 45px;} .jl_prolist02 .infor a{font-size: 35px;font-weight: normal;} .jl_prolist02 .img_ li{overflow: hidden;margin-bottom: 38px;cursor: pointer;} .jl_prolist02 .img_ li .txt{padding: 29px 10px 26px 27px;color: #464646;font-size: 20px;background: #f2f2f2;line-height: 1;width: 100%;box-sizing:border-box;} .jl_prolist02 .img_ li .add{position: absolute;width: 100%;height: 100%;left: 0;top: 100%;background: url(../img/yhgjs_12.png) ;} .jl_prolist02 .img_ li .add .icon{background: url(../img/yhgjs_11.png) no-repeat center;position: absolute;top: 50%;margin-top: -19px;left: 50%;margin-left: -19px;width: 37px;height: 39px;} .jl_prolist02 .img_ li:hover .txt{background: url(../img/yhgjs_12.png);color: #fff;} .jl_prolist02 .img_ li:hover .add{top:0;} /******************精炼-产品列表 end*******************/ /**********************精炼-工艺****************************/ .jl_gongyi{padding-bottom: 1px;padding-top: 0;} .jl_gongyi .num_ic{color: #bd8c09;} .jl_gongyi .num_ic:after{background: #bd8c09;} .jl_gongyi .num_ic:before{background: #bd8c09;} .jl_gongyi02{position: relative;padding-top: 68px;} .jl_gongyi02 .jl_gy02_box{position: absolute;background: url(../img/jl_gy01.png) no-repeat center;width: 590px;height: 61px;left: 50%;margin-left:-288px;z-index: -1;} .jl_gongyi02 .infor{text-align: center;padding-top: 15px;margin-bottom: 45px;} .jl_gongyi02 .infor h3{margin-bottom: 25px;} .jl_gongyi02 .infor h3 a{font-size: 30px;font-weight: normal;color: #bd8c09;cursor: default;} .jl_gongyi02 .infor .txt{font-size: 14px;color: #1f1f1f;} .jl_gongyi02 .img_ .list_cell{margin-bottom: 24px;} .jl_gongyi02 .img_ .list_cell li{position: relative;overflow: hidden;} .jl_gongyi02 .img_ .list_cell li .cover{position: absolute;width: 100%;height: 100%;background: url(../img/yhgjs_12.png);left: 0;top: 100%;} .jl_gongyi02 .img_ .list_cell li .cover .more{width: 153px;height: 42px;position: absolute;left: 50%;margin-left: -76px;top: 50%;margin-top: -21px;} .jl_gongyi02 .img_ .list_cell li .cover .more a{height: 42px;} .jl_gongyi02 .img_ .list_cell li .cover .more .face2{border:1px solid #fff; color: #fff;background: none;} .jl_gongyi02 .img_ .list_cell li .cover .more .face1{background: #fff;color: #b98d0a;border:none;} .jl_gongyi02 .img_ .list_cell li{background: #f5f5f5;} .jl_gongyi02 .img_ .list_cell li .list_infor{padding: 65px 0 0 44px;box-sizing:border-box;} .jl_gongyi02 .img_ .list_cell li .list_infor .t span{color:#b98d0a;font-size: 30px; } .jl_gongyi02 .img_ .list_cell li .list_infor .c .c_cell {margin-top: 17px;} .jl_gongyi02 .img_ .list_cell li .list_infor .c .c_cell .title{font-size: 20px;color: #333;} .jl_gongyi02 .img_ .list_cell li .list_infor .c .c_cell .content{font-size: 14px;color: #5a5a5a;} .jl_gongyi02 .img_ .list_cell:hover li .cover{top: 0;} /*ajax 弹窗*/ .gongyi{padding:4px 54px 70px 45px;} .gongyi .t{border-bottom:1px solid #eaeaea;font-size:30px;color:#333;padding-bottom:10px;} .gongyi .c{margin-top: 30px;height: 370px;overflow: hidden;position: relative;} .gongyi .c .txt{padding-right: 55px;display:inline-block;text-align:justify} .scholar_box .bg-primary{background: #fff;} .scholar_box .bg-primary .box_wrap_close {background: url(../img/ajax_gy01.jpg) no-repeat;width: 23px;height: 22px;top: 19px;right: 19px;} .scholar_box .bg-primary .box_wrap_close a{font-size: 0;display: block;width:22px;height: 22px;padding: 0; } /**********************精炼-工艺 end*******************************/ /**************************个性定制********************************/ .gxdz{padding-top: 0;padding-bottom: 0} .gxdz_p2{position: relative;padding-top: 68px;} .gxdz_p2 .gxdz_p2_box{position: absolute;background: url(../img/gxdz_111.png) no-repeat center;width: 1200px;height: 61px;left: 50%;margin-left:-600px;z-index: -1} .gxdz_p2>.wrap .infor{color: #bd8c09;text-align: center;padding-top: 15px;margin-bottom: 45px;} .gxdz_p2>.wrap .infor a{font-size: 30px;font-weight: normal;cursor: default;} .gxdz_p3 .swiper-container {width: 100%;height: 571px; } .gxdz_p3 .swiper-wrapper li{position: relative;height: 100%; overflow: hidden;} /*.gxdz_p3 .swiper-wrapper img{position: absolute;left: 50%;margin-left: -960px;max-width: none;width: 1920px;z-index: 3;top: 50%;margin-top: -323px;}*/ .gxdz_p3 .swiper-container>.swiper-pagination{left: 40px;right: 0;width: 20px;} .gxdz_p3 .swiper-container>.swiper-pagination span { margin: 0; margin-bottom: 22px; line-height: 15px; color: #fff; font-size: 0; z-index: 10; opacity: 1; position: relative; width: 15px;height: 15px; /*font-family: Arial;*/ background: none; } .gxdz_p3 .swiper-container>.swiper-pagination span:before{content:'';width: 10px;height: 10px;border-radius: 10px;border:2px solid #e9e9e9;font-size: 0;opacity: 0.91;position: absolute;left: 0;} .gxdz_p3 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active:before{border: none;} .gxdz_p3 .swiper-pagination-bullet-active{background: none;} .gxdz_p3 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active:after{content:'';position: absolute;left: -40px;width: 20px;height: 3px;background: #765a10;top:33%;} .gxdz_p3 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active{font-size: 15px;color: #fff;} .gxdz_p3 .gxdz_p3_box{position: relative;z-index: 5;overflow: hidden;margin-top: 70px;} .gxdz_p3 .gxdz_p3_box:after{content:'';position: absolute;width: 10px;height: 184px;background: url(../img/gxdz_05.png) no-repeat ;right: 0;bottom: 25px;} .gxdz_p3 .gxdz_p3_box .content{background: url(../img/gxdz_02.png) no-repeat;width: 450px;height:600px;/*margin-left: 10px;*/background-size: cover;} .gxdz_p3 .gxdz_p3_box .content .content_box{padding: 53px 25px 100px 31px;} .gxdz_p3 .gxdz_p3_box .content .content_box .tit{font-size: 52px;color: #bd8c09;font-family: Futura Bk BT;text-transform: uppercase;} .gxdz_p3 .gxdz_p3_box .content .content_box .t{font-size: 30px;color: #bd8c09;position: relative;line-height: 1} .gxdz_p3 .gxdz_p3_box .content .content_box .t:after{content: '';position: absolute;width: 40px;height: 2px;background: #bd8c09;left: 0;bottom: -23px;} .gxdz_p3 .rect-406{padding-bottom: 40.6%;margin-top: 54px;} .gxdz_p3 .gxdz_p3_box .content .content_box .con{color: rgba(255,255,255,0.49);margin-top: 35px;} /*.gxdz_p3 .gxdz_p3_box .content .content_box .con p{margin-top: 35px;}*/ .gxdz .yhgjs_p3 {padding-top: 47px;} /*竖屏滚动 的四个li*/ .gxdz_p3 .li3 .gxdz_p3_box .content {background:none;} .gxdz_p3 .li3 .gxdz_p3_box .content .content_box .t:after{display: none;} .gxdz_p3 .li2 .gxdz_p3_box .content .content_box .con .icon{margin-top: 20px;} .gxdz_p3 .li2 .gxdz_p3_box .content .content_box .con .icon li{width: 30%;text-align: center;} .gxdz_p3 .li2 .gxdz_p3_box .content .content_box .con .icon li i{background: url(../img/gxdz000.png) no-repeat center;width: 45px;height: 41px;margin: 0 auto;display: block;} .gxdz_p3 .li2 .gxdz_p3_box .content .content_box .con .icon li.li1 i{background-position: -14px 0;} .gxdz_p3 .li2 .gxdz_p3_box .content .content_box .con .icon li.li2 i{background-position: -71px 0;width: 50px;} .gxdz_p3 .li2 .gxdz_p3_box .content .content_box .con .icon li.li3 i{background-position: -129px 0;} .gxdz_p3 .li4 .gxdz_p3_box .content .content_box .con{font-size: 20px;} /***************************个性定制 end*************************************/ /*****************************首页****************************************/ .index{padding-top:0;padding-bottom: 0;} .ibanner_wrap{position: relative;z-index: 12;width: 100%;} .ibanner_wrap .ibanner {position: relative;height: 591px;overflow: hidden;width: 100%;opacity: 0;} .ibanner_wrap .ibanner.slide{opacity: 1;} .ibanner_wrap .ibanner.unable{opacity: 1;} .ibanner_wrap .ibanner li>img{position: absolute;left: 50%;margin-left: -960px;max-width: none;width: 1920px;} /*首页视频*/ .ibanner .video{position:absolute; width:1920px; left:50%; margin-left:-960px; top:50%; margin-top:-540px; height:1080px;} .ibanner_wrap .mask{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/vdian.png); background-repeat:repeat;} .ibanner_wrap .text_wrap{position:absolute; width:1200px; left:50%; margin-left:-600px; top:50%; z-index:1; margin-top:-130px;} .ibanner_wrap .text_wrap .text_box{width:700px; transform:translateX(-60px); opacity:0;} .ibanner_wrap .text_wrap .text_box.move{transform:translateX(0px); opacity:1;} .ibanner_wrap .text_wrap .en{font-size:44px; line-height:50px; color:#fff; font-family:微软雅黑; margin-bottom:30px; text-transform:uppercase;} .ibanner_wrap .text_wrap .chinese{font-size:18px; color:#fff;margin-bottom:30px;} .ibanner_wrap .text_wrap .btn_box{width:230px; height:60px; line-height:60px; background:#d32b2f; font-size:18px; color:#fff; text-align:center;} /*首页视频 end*/ .ibanner .slide_nav{bottom: 0;} .ibanner_wrap .ibanner li .ib_infor{position: relative;} .ibanner_wrap .ibanner li .ib_infor:after{content:'';position: absolute;width: 390px;height: 2px;background: url(../img/index_05.jpg) no-repeat center;top: -15px;left:0;} .ibanner_wrap .ibanner li .ib_infor .pic{margin-top: 183px;} .ibanner_wrap .ibanner li .ib_infor .tit{font-size: 27px;color: #fff;margin-top: 5px;} .ibanner_wrap .ibanner li .ib_infor .en_tit{font-size: 12px;color: #fff;font-family: Arial;text-transform: uppercase;margin-bottom: 35px;} .ibanner_wrap .ibanner .more .face2{border:2px solid #b98d0a; line-height:46px; font-size:0; color:#fff; text-align:center; height:46px;background: none;} .ibanner_wrap .ibanner .more .face2 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top; opacity:1;} .ibanner_wrap .ibanner .more .face1{background:#b98d0a; border:2px solid #b98d0a; color:#fff;line-height:46px; font-size:0; text-align:center; height:46px; } .ibanner_wrap .ibanner .more .face1 .t{display:inline-block; line-height:25px;font-size:14px; vertical-align: top;opacity: 1;} .ibanner .slide_navs{display:block; left: 75px;bottom:47px;position: absolute;} .ibanner .slide_navs a{position: relative;margin-right: 17px;display: inline-block; width:30px; height:30px; cursor:pointer;} .ibanner .slide_navs a:after{content:'';float: left;width: 39px;height: 2px;overflow:hidden;background:#FFE718;margin-right:8px;position: absolute;bottom: 0;} .ibanner .slide_navs .num_ic{position: absolute;left: 7px;bottom: 0;display: none;} .ibanner .slide_navs a.on .num_ic{display: block;} .ibanner .slide_navs .num_ic:before{top: 36px;} .ibanner .slide_navs .num_ic:after{top: 18px;} .ibanner.slide .arrs{bottom: 50px;right: 75px;color: #fff;font-size: 15px;font-family: Arial;text-transform: uppercase;} .ibanner.slide .arrs.my_next{padding-right: 15px;} .ibanner.slide .arrs.my_next:before{content:'';width:4px;height:7px;background: url(../img/index_06.png) no-repeat center;position: absolute;right: 6px;top: -30px;/*margin-top: -3px;*/} .ibanner.slide .arrs.my_next:after{content:'NEXT';width: 65px;height: 30px;/*background: url(../img/index_02.jpg) no-repeat center*/;position: absolute;right: -5px;top: -38px;/*margin-top: -3px;*//*border:4px solid #bd8c09;*/} .i_part01{height: 558px;background: url(../img/index_07.jpg) no-repeat center;padding-top: 70px;box-sizing:border-box;} .i_part01 .ip1_left{float:left; width:58.5%;box-sizing:border-box;padding-right: 71px;} .i_part01 .ip1_right{float:left;width:41.4%;} .i_part01 .ip1_left .infor .title{font-size: 52px;color: #bd8c09;text-transform: uppercase;font-family: Futura Bk BT;font-weight: normal;} .i_part01 .ip1_left .infor .t{font-size: 30px;color: #bd8c09;position: relative;padding-bottom: 20px;margin-bottom: 30px;font-weight: normal;} .i_part01 .ip1_left .infor .t:after{content:'';position: absolute;width: 49px;height: 1px;background: #765a10;bottom: 0;left: 0;} .i_part01 .ip1_left .infor .c{font-size: 14px;color: #5a5a5a;line-height: 33px;margin-bottom: 40px;} .i_part01 .ip1_left .infor .ip1_number .shuzi{margin-bottom: 15px;} .i_part01 .ip1_left .infor .ip1_number .shuzi .sz_num{font-size: 44px;font-family: Arial;color: #dfcd42;margin-right: 5px;line-height: 1;} .i_part01 .ip1_left .infor .shuzi .ip1_number i{font-size: 14px;color: #dfcd42;} .i_part01 .ip1_left .infor .shuzi .ip1_number .intro{font-size: 14px;color: #5a5a5a;} .i_part01 .rect-83{padding-bottom: 83%;} .i_part01 .ip1_cover i{position: absolute;left: 50%;margin-left: -37px;top: 50%;margin-top: -37px;background: url(../img/index_09.png);width: 74px;height: 74px;} .i_part01 .ip1_cover:after{content:'';position: absolute;width: 10px;height: 185px;background: url(../img/gxdz_05.png) no-repeat center;right: 22px;bottom: 25px;} .i_part02 .swiper-container {width: 100%; height: 557px;} .i_part02 .swiper-wrapper>li{position: relative;height: 100%; overflow: hidden;} /*.i_part02 .swiper-wrapper img{position: absolute;left: 50%;margin-left: -960px;max-width: none;width: 1920px;z-index: 3;top: 50%;margin-top: -323px;}*/ .i_part02 .swiper-container>.swiper-pagination{left: 40px;right: 0;width: 20px;top: 40%;} .i_part02 .swiper-container>.swiper-pagination span { margin: 0; margin-bottom: 22px; line-height: 15px; color: #fff; font-size: 0; z-index: 10; opacity: 1; position: relative; width: 15px;height: 15px; font-family: Arial; background: none; } .i_part02 .swiper-container{position: relative;} .i_part02 .swiper-container>.swiper-pagination span:before{content:'';width: 10px;height: 10px;border-radius: 10px;border:2px solid #e9e9e9;font-size: 0;opacity: 0.91;position: absolute;left: 0;} .i_part02 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active:before{border: none;} .i_part02 .swiper-pagination-bullet-active{background: none;} .i_part02 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active:after{content:'';position: absolute;left: -40px;width: 20px;height: 3px;background: #765a10;top:33%;} .i_part02 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active{font-size: 15px;color: #fff;} .i_part02 .ip2_box{position: relative;z-index: 5;overflow: hidden;margin-top: 86px;padding-left: 20px;padding-right: 50px;} /*.i_part02 .ip2_box:after{content:'';position: absolute;width: 10px;height: 184px;background: url(../img/gxdz_05.png) no-repeat ;right: 0;bottom: 25px;}*/ .i_part02 .ip2_box .box_con>.tit{font-size: 40px;color: #ad8009;font-weight: bold;} .i_part02 .ip2_box .box_con>.t{font-size: 20px;color: #C69623;margin-bottom: 35px;} .i_part02 .ip2_box .box_con>.c{font-size: 14px;color: #fff;padding-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,.34);margin-bottom: 35px;} .i_part02 .ip2_box .box_con>.list li{float: left;margin-right: 15px;} /*.i_part02 .ip2_box .box_con>.list li .more .face1{color: #fff;border:1px solid rgba(255,255,255,.3);} .i_part02 .ip2_box .box_con>.list li .more .face1 .t{opacity: 0.32;font-size: 14px;} .i_part02 .ip2_img{position: absolute;height: 20%;background: rgba(0,0,0,0.62);bottom: 0;left: 0;width: 100%;z-index: 2;}*/ .i_part02 .ip2_box .box_con{float: left;margin-right: 15px;} .i_part02 .ip2_box .box_con .more .face1{color: #fff;border:1px solid rgba(255,255,255,.3);} .i_part02 .ip2_box .box_con .more .face1 .t{opacity: 0.32;font-size: 14px;} .i_part02 .ip2_img{position: absolute;height: 20%;background: rgba(0,0,0,0.62);bottom: 0;left: 0;width: 100%;z-index: 2;} .i_part02 .ip2_img .img_box{padding-left: 20px;width: 75%;float: left;} .i_part02 .ip2_img .img_box li{float: left;width: 20%;position: relative;height: 100%;} .i_part02 .ip2_img .img_box li:after{content:'';position: absolute;width: 1px;height: 88px;background: url(../img/index_29.png);top: 50%;margin-top: -44px;right: 0;} .i_part02 .ip2_img .img_box li .more{width: 100%;} .i_part02 .ip2_img .img_box li .more a{height: 112px;} .i_part02 .ip2_img .img_box li .more .face2{height: 112px;line-height: 112px;border:none;} .i_part02 .ip2_img .img_box li .more .t{vertical-align: inherit;margin-top: 65px;color: #fff;opacity: 1;} .i_part02 .ip2_img .img_box li .more .face1{height: 112px;line-height: 112px;border:none; } .i_part02 .ip2_img .img_box li .more .icon{width: 44px;height: 33px;position: absolute;top: 25px;left: 50%;margin-left: -22px;} .i_part02 .ip2_img .img_box li.li1 .more .icon{background: url(../img/index_25.png) no-repeat center;} .i_part02 .ip2_img .img_box li.li2 .more .icon{background: url(../img/index_26.png) no-repeat center;} .i_part02 .ip2_img .img_box li.li3 .more .icon{background: url(../img/index_27.png) no-repeat center;} .i_part02 .ip2_img .img_box li.li4 .more .icon{background: url(../img/index_40.png) no-repeat center;} .i_part02 .ip2_img .img_box li.li5 .more .icon{background: url(../img/index_28.png) no-repeat center;} /*股票样式*/ /*istock*/ .istock { height:auto; text-align:right; width: 21%;float: right;margin-top: 25px;} .istock span { display:inline-block; } .istock .istock_tag { font-size:16px; color:#fff;margin-right: 8px; } .istock .istock_num { position:relative;font-size:27px; color:#fff; font-family: Futura Bk BT;} /*.istock .istock_num:after { content:''; display:block; position:absolute; top:5px; right:10px; width:1px; height:30px; background-color:#5a5a5a; }*/ .istock .trend_color { color:#ba251e; } .istock.godown .trend_color { color:green; } .istock .istock_price { position:relative; padding-left:40px; font-size:25px; font-family: Futura Bk BT;margin-top: -5px;} .istock .istock_price:after { content:''; display:block; position:absolute; top:50%; left:15px; margin-top:-8px; width:18px; height:13px; background:url(../img/index_38.png) 0 0 no-repeat; } .istock.goup .istock_price:after { background-position:0 0px; } .istock.godown .istock_price:after { background-position:0 -13px; } .istock.unchanged .istock_price:after { content:'--'; margin-top:-20px;font-size:20px; background:none; } .istock .istock_wave { font-family:Arial,sans-serif; font-size:18px; } .istock .istock_wave_per { font-family:Arial,sans-serif; font-size:18px; } /*股票样式 end*/ .i_part03{padding: 77px 0 83px;background: #f5f5f7;} .i_part03 .left{float: left;width: 31.916%;margin-right: 1.833%;} .i_part03 .right{float: left;width: 66.25%;} .i_part03 .infor{margin-bottom: 25px;line-height: 1;height: 30px;} .i_part03 .infor .infor_l{font-size: 30px;color: #bd8c09;float: left;font-weight: normal;} .i_part03 .infor .infor_r{font-size: 14px;color: #5a5a5a;float: right;display: table;height: 100%;} .i_part03 .infor .infor_r a{display: table-cell;vertical-align: bottom;} .i_part03 .ip3_left{background: url(../img/index_30.jpg) no-repeat center;box-sizing:border-box;padding: 90px 35px 36px 30px;height: 450px;overflow: hidden;} .i_part03 .ip3_left .en_tit{font-size: 35px;font-family: Futura Bk BT;color: #fff;text-transform: uppercase;line-height: 1;margin-bottom: 5px;} .i_part03 .ip3_left .tit{font-size: 20px;color:#fff;margin-bottom:15px;} .i_part03 .ip3_left .con{font-size: 14px;color:#fff;line-height:29px;margin-bottom: 20px;} .i_part03 .ip3_left .more .face1 .t{color: #fff;opacity: 1;} .i_part03 .ip3_right {height: 450px;overflow: hidden;} .i_part03 .ip3_right .r_l{float: left;width: 48.3%;margin-right: 3.01%;background: #fff} .i_part03 .ip3_right .r_r{float: left;width: 48.3%;} .i_part03 .ip3_right .r_l .top_{padding-bottom:52.6%;padding: 63px 40px 44px 25px;position: relative;} .i_part03 .ip3_right .r_l .top_:after{content:'';position: absolute;width: 26px;height: 13px;bottom: -13px;left: 50px;background: url(../img/index_32.png) no-repeat center;z-index: 2} .i_part03 .ip3_right .r_l .top_ .t{font-size: 20px;font-weight: bold;color: #000;margin-bottom: 10px;} .i_part03 .ip3_right /*.r_l .top_ */.date{color: #adadad;font-family:Futura Bk BT;line-height:38px;margin-bottom: 5px;} .i_part03 .ip3_right /*.r_l .top_ */.date .month{float:left;font-size: 24px;padding-right: 10px;position: relative;} .i_part03 .ip3_right /*.r_l .top_ */.date .month:after{content:'';position: absolute;right: 0;top: 50%;margin-top: -9px;width: 1px;height: 19px;background:#adadad;} .i_part03 .ip3_right /*.r_l .top_ */.date .year{float:left;font-size: 18px;margin-left: 14px;} .i_part03 .ip3_right .r_l .top_ .c{font-size: 13px;color: #000;line-height: 22px;height: 44px;overflow: hidden;} /*.i_part03 .ip3_right .r_l .bottom_{padding-bottom:47.3%;height: 213px;}*/ .i_part03 .ip3_right .r_l .bottom_ .rect-5546{padding-bottom: 55.46%;} .i_part03 .ip3_right .r_r li{margin-bottom: 10px;background: #fff;} .i_part03 .ip3_right .r_r li:hover a .li_tit{color: #bd8c09;} .i_part03 .ip3_right .r_r li.li3{margin-bottom: 0;} .i_part03 .ip3_right .r_r li a{display: block;padding: 20px 37px 16px 25px;box-sizing:border-box;} .i_part03 .ip3_right .r_r li a .li_tit{font-size: 18px;color: #000;} .i_part03 .ip3_right .r_r li a .date{line-height: 1;margin-bottom: 6px;margin-top: 8px;} .i_part03 .ip3_right .r_r li a .date .month{font-size: 20px;} .i_part03 .ip3_right .r_r li a .date .year{font-size: 15px;margin-top: 3px;margin-left: 11px;} .i_part03 .ip3_right .r_r li a .li_con{font-size: 13px;line-height: 23px;} .i_part04{background: url(../img/index_33.jpg) no-repeat center;height: 303px;width: 100%;position: relative;padding: 70px 0 70px;box-sizing:border-box;} .i_part04 li{padding: 15px 40px 30px 35px;box-sizing:border-box;} .i_part04 li a{display: block;} .i_part04 li i{width: 54px;height: 47px;display: block;margin-bottom: 15px;} .i_part04 li.li1 i{background: url(../img/index_34.png) no-repeat center;} .i_part04 li.li2 i{background: url(../img/index_35.png) no-repeat center;} .i_part04 li.li3 i{background: url(../img/index_36.png) no-repeat center;} .i_part04 li.li4 i{background: url(../img/index_37.png) no-repeat center;} .i_part04 li .tit{font-size: 18px;color: #333333;margin-bottom: 3px;} .i_part04 li .con{font-size: 14px;color: #5a5a5a;margin-bottom: 10px;} .i_part04 li:hover i{transform: rotateY(180deg);} .i_part04 li:hover .tit{color: #bd8c09;} .i_part04 li:hover .con{color: #bd8c09;} .i_part04 li.li1:hover i{background: url(../img/index_34_1.png) no-repeat center;} .i_part04 li.li2:hover i{background: url(../img/index_35_1.png) no-repeat center;} .i_part04 li.li3:hover i{background: url(../img/index_36_1.png) no-repeat center;} .i_part04 li.li4:hover i{background: url(../img/index_37_1.png) no-repeat center;} /*****************************首页 end********************************/ /******************************荣誉***********************8*/ .honor{position: relative;z-index:15;overflow: hidden;background-color: #fff; padding-bottom: 50px;} .honor .item {cursor:pointer;margin-top:0; } .honor .item ._item_top { position:relative; overflow:hidden; } .honor .item{margin-bottom: 40px;} .honor .item ._pic { height:0; overflow:hidden; padding-bottom:78.5%; } .honor .item ._pic img { width:100%; -webkit-transition-delay:0.4s;transition-delay:0.4s;} .honor .item ._mask{ position:absolute; top:100%; left:0; width:100%; height:100%; opacity:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;background: url(../img/yhgjs_12.png);} .honor .item ._mask .bg_img{position: absolute;left:50%;margin-left: -34px;top:50%; margin-top: -34px;} .honor .item:hover ._mask { top:0; opacity:1; -webkit-transition-delay:0.1s; transition-delay:0.1s; } .honor .item ._item_down {padding: 4%;background-color: #aaaaaa; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .honor .item:hover ._item_down { background-color:#dfcd42; } .honor .item ._name { overflow:hidden; margin-bottom:13px; font-size:13px; line-height: 22px;/*height: 44px;*/height: 22px; color:#ffffff; text-align: center;margin: 0} .honor .item ._time { font-size:12px; color:#ffffff; } .honor .part01 { padding-top:75px; } .honor .item { margin-top:0; } .honor_album .album_ordinary .album_close { background-color:#dfcd42; } /**************************荣誉 end*************************/ /******************************资质************************/ .zizhi{position: relative;z-index: 15;overflow: hidden;background-color: #fff; padding-bottom: 50px;} .zizhi .item {cursor:pointer;margin-top:0; } .zizhi .item ._item_top { position:relative; overflow:hidden; } .zizhi .item{margin-bottom: 40px;} .zizhi .item ._pic { height:0; overflow:hidden; padding-bottom:78.5%; } .zizhi .item ._pic img { width:100%; -webkit-transition-delay:0.4s;transition-delay:0.4s;} .zizhi .item ._mask{ position:absolute; top:100%; left:0; width:100%; height:100%; opacity:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;background: url(../img/yhgjs_12.png);} .zizhi .item ._mask .bg_img{position: absolute;left:50%;margin-left: -34px;top:50%; margin-top: -34px;} .zizhi .item:hover ._mask { top:0; opacity:1; -webkit-transition-delay:0.1s; transition-delay:0.1s; } .zizhi .item ._item_down {padding: 4%;background-color: #aaaaaa; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .zizhi .item:hover ._item_down { background-color:#dfcd42; } .zizhi .item ._name { overflow:hidden; margin-bottom:13px; font-size:13px; line-height: 22px;/*height: 44px;*/height: 22px; color:#ffffff; text-align: center;margin: 0} .zizhi .item ._time { font-size:12px; color:#ffffff; } .zizhi .part01 { padding-top:75px; } .zizhi .item { margin-top:0; } .zizhi_album .album_ordinary .album_close { background-color:#dfcd42; } /**************************荣誉 end*************************/ /*************************分支结构*************************/ .organization .rect-53{padding-bottom: 53%;} .biaoti{padding:0 0 50px;} .biaoti .title{font-size: 34px;color:#000000;text-align: center; margin-bottom: 6.5px;font-weight: normal;} .biaoti p{font-size: 12px;color:#000;} .organization{position: relative;overflow: hidden;z-index: 15;padding:70px 0 0px;background-color: #fff;} .organization .or_p1{position: relative;overflow: hidden;} .organization .zhanqun{background-color: #ededed;} .organization .zq_tab{text-align: center;margin-bottom: 53px;} .organization .zq_tab_c{display: inline-block; width: 131px;height: 44px;line-height: 44px;text-align: center;font-size: 17px;color: #000;background-color: #ebebeb;cursor: pointer;} .organization .zq_tab_c.tab_t_cur{background-color:#00489d;color:#fff;} .organization .zq_tab_cur{color: #fff;background-color: #b15533;} .organization .zq_tab_c:hover{color: #fff;background-color: #00489d;} .organization .zq_list{padding-bottom: 20px;} .organization .zq_list li{margin-bottom: 50px;} .organization .zq_list li.att .zq_list_info{float:right;} .organization .zq_list li.att .zq_list_img{float:left;} .organization .zq_list li .zq_list_info{float: left;width: 50%;height: 100%;background-color:#f8f8f8;} .organization .zq_list li .zq_list_img{float: right;width: 50%;height: 100%;overflow: hidden;} .organization .zq_list li .zq_list_info .zq_i_wrap{padding: 46px 80px 52px 60px;} .organization .zq_list li.zq_panel_left .zq_list_info{float: right;} .organization .zq_list li.zq_panel_left .zq_list_img{float: left;} .organization .zq_t{font-size: 26px;color: #000;margin-bottom: 15px;} .organization .zq_p{color: #5a5a5a;line-height: 26px;height: 78px;/*overflow: hidden;*/} .organization .zq_link{margin-top: 40px;} .organization .zq_link a{display: block;} /*.organization .zq_link a:hover{color: #fff;background-color: #00489d;}*/ /*.organization .zq_link a:hover .zq_icon{}*/ .organization .zq_icon{display: inline-block;width: 16px;height: 16px;vertical-align: middle; margin-top: 0;margin-left: 15px;background:url(../img/index_13.png) no-repeat;background-position: 0 -16px;} .organization .zq_link .more .face1 .zq_icon{background-position: 0 0;} /**************************分支结构 end****************************/ /**************************分支-详细*******************************/ .or_detail {position: relative;overflow: hidden;background-color: #fff;z-index: 15;} .or_detail .zqd_cont{margin-top: 0px;margin-bottom: 0px;} .or_detail .zqd_cont_l {float: left;width: 41.25%} .or_detail .zqd_cont_l .zqd_logo{width: 100%;} .or_detail .zqd_cont_l .zqd_logo img{width: 100%;} .or_detail .zqd_slider {width: 100%;height: 372px;overflow: hidden;} .or_detail .zqd_slider li {width:100%;} .or_detail .zqd_slider li .zqd_img{width: 100%;display: block;} .or_detail .zqd_slider li img{width: 100%;} .or_detail .zqd_slider .arrs{position: absolute; top:50%; width:32px;height: 64px;background: url(../img/news_arr1_01.png) no-repeat ;margin-top: -32px;} .or_detail .zqd_slider .arrs:hover{background-position-y: -64px;} .or_detail .zqd_slider .arr_prev{left:25px;} .or_detail .zqd_slider .arr_next{right:25px;background-position: -36px 0;} .or_detail .zqd_slider .slide_nav{display: block;right: 0;bottom: 30px;font: 0/0 a;letter-spacing: -9px; text-align: right;padding-right: 20px;} .or_detail .zqd_slider .slide_nav a{display: inline-block;width: 15px;height: 15px;overflow: hidden;margin: 6px; border-radius:50%;background-color:#d7d7d7;} .or_detail .zqd_slider .slide_nav .on{ background-color: #fff; } .or_detail .zqd_slider_wrap{position: relative;} .or_detail .zqd_c{position:absolute ;bottom: 0;left: 0;right: 0;padding-left: 33px;height: 89px;line-height: 89px;background-color: rgba(0,0,0,0.5);color: #fff;font-size: 18px;} .or_detail .zqd_cont_r{float: right;width: 52.25%; font-size: 14px;color: #888;} .or_detail .zqd_cont_r{line-height: 30px;} .or_detail .zqd_cont_r p strong{font-size: 16px;} .or_detail .zqd_link{display: block;width: 100%;height: 62px;line-height: 62px;text-align: center;color: #e85826;font-size: 18px;background-color: #f6f6f6;margin-top: 70px;} .or_detail .zqd_link:hover{background-color: #eee;} .or_detail .zqd_icon{display: inline-block;width: 18px;height: 18px;background: url(../img/zqd_icon_03.png) no-repeat; vertical-align: middle; margin-top: -4px;margin-left: 15px;} .or_detail .zqd_link:hover{color: #e85826;opacity: .9;} /********************************分支-详细 end********************************/ /****************************联系我们******************************/ .contact_us .map{width: 100%; height: 502px;} .contact_us .part1{position: relative; padding-bottom: 0px;} .contact_us .part1 .contact{position: absolute; top: 13%; right: 8%; background: url(../img/map_bg.png);} .contact_us .part1 .contact .con{padding: 40px 40px 0px 40px; color: #fff;} .contact_us .part1 .contact .con .title{font-size: 26px; color: #fff; padding-bottom: 20px;} .contact_us .part1 .contact .con .ico{background: url(../img/map_ico.png) no-repeat; width: 18px; height: 22px; display: inline-block; margin-right: 8px;} .contact_us .part1 .contact .address .ico{background-position: 0 0;} .contact_us .part1 .contact .code .ico{background-position: -18px 0;} .contact_us .part1 .contact .tel .ico{background-position: -36px 0;} .contact_us .part1 .contact .fax .ico{background-position: -54px 0;} .contact_us .part1 .contact .address,.contact_us .part1 .contact .code,.contact_us .part1 .contact .tel,.contact_us .part1 .contact .fax{padding-bottom: 20px;} .contact_us .part2{margin-bottom: 30px;} .contact_us .part2 .title{font-size: 31px; color: #000; text-align: center; padding-bottom: 30px;} .contact_us .part2 .bottom li{background-color: #f9f7f0; min-height: 200px; margin-bottom: 10px;} .contact_us .part2 .bottom .box{padding: 28px;} .contact_us .part2 .bottom .box .s_title{font-size: 18px; color: #bb9205; position: relative; padding-bottom: 15px;} /* .contact_us .part2 .bottom .box .s_title:after{content: ""; width: 70px; height: 1px; display: block; background: #c5c5c5; position: absolute; margin-top: 6px;} */ .contact_us .part2 .bottom .box .dec{font-size: 14px; color: #888;} /****************************联系我们 end****************************/ /*****************************专题活动****************************/ .zhuanti{position: relative;overflow: hidden;z-index: 20;background-color: #fff; padding:66px 0;} .zhuanti .zhuanti_p1{position: relative;overflow: hidden;z-index: 20;} .zhuanti .zhuanti_p1 ul li{position: relative;overflow: hidden;margin-bottom: 40px;} .zhuanti .zhuanti_p1 ul li .info_{height: 66px;line-height: 66px;position: relative; background:url(../img/index_20.png) #ecf1f4 no-repeat 95% center;} .zhuanti .zhuanti_p1 ul li .info_ p{font-size: 16px;color:#19191a;text-indent: 20px;} .zhuanti .zhuanti_p1 ul li ._info{background:url(../img/index_21.png) repeat;position: absolute;width:100%;height: 100%;top:100%;transition: all .5s ease;} .zhuanti .zhuanti_p1 ul li ._info ._mask{position: absolute;left:50%;margin-left: -34px; top:50%;margin-top: -34px;} .zhuanti .zhuanti_p1 ul li:hover ._info{top:0;} .zhuanti .zhuanti_p1 .page{margin-bottom: 34px;} /********************************专题活动 end**********************************/ /*chm*/ /******************************人才资源******************************************/ .job_center{ padding: 0 0 0px 0; } /* personnelzh-2 start*/ .widget-personalzh-2 .rencai_banner .banner_area .onbanner_txt {position: absolute; width: 100%; top: 50%;font-size: 36px;font-weight: bold; color: #FFFFFF;} .widget-personalzh-2 .rencai_banner .banner_area{height: 100%; width: 100%; overflow: hidden; position: relative;} .widget-personalzh-2 .rencai_banner .banner_area .onbanner_txt {top: 30%;} .widget-personalzh-2 .rencai_banner {height: 603px; width:100%; overflow:hidden;} .widget-personalzh-2 .rencai_banner .onbanner_box { text-align: right; width: 36%;} .widget-personalzh-2 .rencai_banner .onbanner_box .title {font-size: 30px ;color: #e41716; font-weight: bold;} .widget-personalzh-2 .rencai_banner .onbanner_box .dec {font-size: 52px;font-weight: bold;color: #745a0f} .widget-personalzh-2 .rencai_banner .onbanner_box .en{font-size: 14px; font-weight: normal; color: #745a0f} .widget-personalzh-2 .rencai_banner img {width: 1920px;height: 603px; position: absolute;left: 50%; margin-left: -960px; max-width: none;} .widget-personalzh-2 .rencai { position: relative;padding-top:400px; } .widget-personalzh-2 .rencai .rencai_pt1 { position: absolute; top: -123px; width: 100%;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right { width: 50%; float: left; background: url("../img/chm/job_center_img3.jpg") center no-repeat; background-size: cover; height: 483px; position: relative;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right .rcpt1_on { position: absolute; width: 50%; height: 50%; bottom: 0; right: 0; background: url("../img/chm/job_center_bg.png");} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right .rcpt1_on .on_box { padding: 45px 50px 0 70px; text-align: right;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right .rcpt1_on .tit { font-size: 28px; color: #FFFFFF; font-weight: bold; margin-bottom: 10px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right .rcpt1_on .dec { font-size: 14px; color: #FFFFFF;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right .rcpt1_on .more { margin-top: 10%;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right .rcpt1_on .more .face2{ background: none;border: 1px solid #fff; height: 30px;transform-origin: 50% 50% -15px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right .rcpt1_on .more .face2 .t{ line-height: 30px; } .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right .rcpt1_on .more .face1{ color: #745a0f;border: 1px solid #fff; height: 30px; background: #fff;transform-origin: 50% 50% -15px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right .rcpt1_on .more .face1 .t{ line-height: 30px; } .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left { width: 50%; float: left; } .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .bottom_area { height: 241px; background: url("../img/chm/job_center_img2.jpg") no-repeat center; background-size: cover;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .bottom_box { padding: 60px 60px 0 60px; text-align: center;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .bottom_box .tit { font-size: 28px; color: #FFFFFF; font-weight: bold; margin-bottom: 10px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .bottom_box .dec { font-size: 14px; color: #FFFFFF;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .bottom_box .more { display: inline-block; border: 1px solid #FFFFFF; padding: 5px 20px; border-radius: 3px; color: #FFFFFF; margin-top: 20px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item1 { background: #745a0f; background-size: cover;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item1 .tit { font-size: 28px; color: #FFFFFF; font-weight: bold; margin-bottom: 20px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item1 .dec { font-size: 14px; color: #FFFFFF;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item1 .more{ margin-top: 11.5%;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item1 .more .face2 { background: none; color: #fff; border: 1px solid #fff; height: 30px; transform-origin: 50% 50% -15px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item1 .more .face2 .t{ line-height: 30px; } .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item1 .more .face1{ color: #745a0f ;border: 1px solid #fff; height: 30px; background: #fff; transform-origin: 50% 50% -15px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item1 .more .face1 .t{ line-height: 30px; } .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 { background: #FFFFFF;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 .tit { font-size: 28px; color: #8494b3; font-weight: bold; margin-bottom: 20px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 .dec { font-size: 14px; color: #8494b3;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 .more { margin-top: 11.5%;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 .more .face2{ background: none; color: #333;border: 1px solid #333; height: 30px; transform-origin: 50% 50% -15px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 .more .face2 .t{ line-height: 30px; } .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 .more .face1{border: 1px solid #333; height: 30px; background: #745a0f; color: #fff; -webkit-transform-origin: 50% 50% -15px;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 .more .face1 .t{ line-height: 30px; } .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item { width: 50%; float: left;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item .top_item_box { padding: 10%;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_right { width: 50%; float: left;} .widget-personalzh-2 .rencai_pt2 { text-align: center;} .widget-personalzh-2 .rencai_pt2 .rcptpm { padding-top: 40px; padding-bottom: 40px;} .widget-personalzh-2 .rencai_pt2 .rcptpm .mail_area { margin-left: 60px; font-size: 16px; line-height: 30px; display: inline-block;} .widget-personalzh-2 .rencai_pt2 .rcptpm .mail_area .mail { display: inline-block; width: 22px; height: 15px; background: url("../img/chm/mail.png") no-repeat center; vertical-align: middle; margin-right: 10px;} .widget-personalzh-2 .rencai_pt2 .rcptpm .mail_area a { font-size: 16px; color: #745A0F ;} .widget-personalzh-2 .rencai_pt2 .rcptpm .phone_area { font-size: 16px; line-height: 30px; display: inline-block;} .widget-personalzh-2 .rencai_pt2 .rcptpm .phone_area .phone { display: inline-block; width: 20px; height: 26px; background: url("../img/chm/phone.png"); vertical-align: -10px; margin-right: 10px;} .widget-personalzh-2 .rencai_pt2 .rcptpm .phone_area a { font-size: 16px; color: #745A0F;} .widget-personalzh-2 .rencai_pt2 .rcpt2_neirong { margin-top: 40px; height: 229px;} .widget-personalzh-2 .rencai_pt2 .tit { font-size: 34px; color: #4d4e4c; margin-bottom: 5px;} .widget-personalzh-2 .rencai_pt2 .dec { font-size: 14px; color: #8e8b8b;} .widget-personalzh-2 .rencai_pt2 .rept2n_right { width: 50%; float: left; background: url("../img/chm/job_center_img4.jpg") no-repeat center; background-size: cover; height: 100%; text-align: center;} .widget-personalzh-2 .rencai_pt2 .rept2n_right .rr_box { padding-top: 80px;} .widget-personalzh-2 .rencai_pt2 .rept2n_right .jianli .face2{ padding: 15px 30px; background: none; border: 2px solid #fff;} .widget-personalzh-2 .rencai_pt2 .rept2n_right .jianli .face2 .t{ font-size: 26px;} .widget-personalzh-2 .rencai_pt2 .rept2n_right .jianli .face1{ padding: 15px 30px; border: 2px solid #745a0f; color: #fff; background: #745a0f} .widget-personalzh-2 .rencai_pt2 .rept2n_right .jianli .face1 .t{ font-size: 26px; opacity: 1;} .widget-personalzh-2 .rencai_pt2 .rept2n_left { text-align: left; width: 50%; float: left; background: #745a0f; background-size: cover; height: 100%;} .widget-personalzh-2 .rencai_pt2 .rept2n_left .left_box { padding: 55px 30px 0 85px;} .widget-personalzh-2 .rencai_pt2 .rept2n_left .tit { font-size: 28px; color: #FFFFFF; padding-bottom: 15px;} .widget-personalzh-2 .rencai_pt2 .rept2n_left .dec { font-size: 14px; color: #FFFFFF;} /******************************人才资源 end**************************************/ /*******************************人才招聘*******************************************/ .job_list .tit{ font-size: 30px; color: #333; text-align: center; } .job_list .dec{ font-size: 14px; color: #8e8b8b; text-align: center; } .job_list .search{ border: 5px solid #ededed; padding: 3%; margin-top: 4%;} .job_list .search span{ font-size: 14px; color: #333; margin-right: 1%; } .job_list .search input{ height: 30px; width: 30%; padding-left: 1%; border: 1px solid #eee; color: #c2c1c1; } .job_list .search .select-ui-choose-default{ width: 20%; border-radius: 0; border: 1px solid #eee; height: 30px;} .job_list .search span._txt{ color: #c2c1c1; } .job_list .search span._arrow{ margin-right: 0; background: #f3f3f3; border-left: 1px solid #eee; padding: 0 5px} .job_list .search span._arrow .arr{ border-color: #b8b8b8 transparent transparent; margin-left: 5px; margin-top: -2px;} .job_list .search .btn{ width: 20%; margin-left: 1%; margin-top: -3px; background: #bd8c09; color: #fff; } /* job-2 start*/ .widget-job-2{ margin-top: 6%; } .widget-job-tit{ background: #bd8c09; color: #fff; overflow: hidden; height: 56px; line-height: 56px;} .widget-job-2 ._jt { height: 56px; line-height: 56px; overflow: hidden; *zoom: 1;cursor: pointer;border-bottom: 1px dashed #dedede; } .widget-job-2 ._ut{ float: left; text-align: center;} .widget-job-2 ._t1 { width: 28%; } .widget-job-2 ._t2 { width: 20%; } .widget-job-2 ._t3 { width: 18%; } .widget-job-2 ._t4 { width: 18%; } .widget-job-2 ._t5 { width: 10%; } .widget-job-2 ._jc { display: none; } .widget-job-2 ._jcon { padding: 40px; background: #f3f3f3; padding-left:96px;} .widget-job-btn{ cursor: pointer; background: #79bce7;color: #fff; width: 160px; height: 40px; line-height: 40px; margin-top: 40px; display: block;text-align: center;font-size: 15px;} .widget-job-2 .tit{font-size:16px; color:#5a5a5a; margin-bottom:20px; text-align: left;} .widget-job-2 .info{font-size:13px; color:#5a5a5a; line-height:24px; margin-bottom:40px;} /*******************************人才招聘 end****************************************/ /********************************招金人********************************/ .zhaojin_person ul li{ width: 24%; margin-right: 1.3%; cursor: pointer; margin-bottom: 2%;} .zhaojin_person ul li:nth-child(4n){ margin-right: 0; } .zhaojin_person ul li .img_box{ position: relative; overflow: hidden;} .zhaojin_person ul li .img_box .cover{ position: absolute; top:100%; left: 0; width: 100%; height: 100%; background: url("../img/black.6.png"); transition: all .5s ease;} .zhaojin_person ul li:hover .img_box .cover{ top: 0; } .zhaojin_person ul li .img_box .cover .see{ position: absolute; top: 50%; left: 50%; width: 35px; height: 35px; margin-top: -17.5px; margin-left: -17.5px; background: url(../img/chm/person_see.png) no-repeat; } .zhaojin_person ul li .cont{ border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; transition: all .5s ease} .zhaojin_person ul li:hover .cont{ background: #ededed; } .zhaojin_person ul li .cont .box{ padding: 5% } .zhaojin_person ul li .cont .box .tit{ font-size: 16px; color: #333; width: 60%; } .zhaojin_person ul li .cont .box .pic_ico{ display: inline-block; width: 17px; height: 15px; vertical-align: middle; background: url("../img/chm/person_pic.png") no-repeat; } .zhaojin_person ul li .cont .box span{ margin: 0 5px 0 8px; color: #bd8c09;} .zhaojin_person .com_pics{ display: none; } /**********************************招金人 end******************************/ /********************************关于我们综合*****************************/ .about_banner{ position: relative; height: 505px; z-index: 2;} .about_banner img{ position: absolute; left: 50%; margin-left: -960px; width: 1920px; max-width: 1920px; } .about_center{ padding: 0; margin-bottom: 0px;} /* aboutzh-8 start*/ .widget-aboutzh-8 .about_main .part01{ padding-top:50px; } .widget-aboutzh-8 .about_main { padding-bottom:0; } .widget-aboutzh-8 .about_main .part02_title { margin-bottom:40px; } .widget-aboutzh-8 .about_main .part01_title{position: relative;text-align:center } .widget-aboutzh-8 .about_main .part01_title .big{/*color: #faf6ec;line-height: 88px;font-size: 80px;font-weight: bold;text-transform: uppercase; font-family:"Futura Book BT"*/font-size: 0;position: absolute;background: url(../img/jl_prolist0444.png) no-repeat center;width: 1200px;height: 61px;left: 50%;margin-left:-600px;z-index: -1;} .widget-aboutzh-8 .about_main .part01_title .small{color: #bd8c09;font-size: 35px;display:block;position: static;padding-top: 13px;width: 100%;text-align: center;} .widget-aboutzh-8 .about_main .part01_main{padding: 55px 100px 60px 100px;} .widget-aboutzh-8 .about_main .part01_dec{text-align: center;font-size: 14px;line-height: 2;margin-bottom: 30px;} .num{text-align: center} .num div:first-child{ color: #bd8c09 } .num1,.num2,.num3{font-family: "arial";font-size: 44px; margin-right: 5px;} .animate_nums>ul>li{display: inline-block;width: 33.3%;float: left} .widget-aboutzh-8 .about_main .part02{padding: 70px 0;background:url("../img/chm/about_center_pt2_bg.jpg") center center; } .widget-aboutzh-8 .about_main .part02_title1{font-size: 30px;text-align: center;color: #000000} .widget-aboutzh-8 .about_main .part02_title2{font-size: 15px;text-align: center;color: #000000} .fengqin>ul>li{width: 26%;height: 419px;float: left;position: relative;transition: 1s all ease;background-position: right top} /*.widget-aboutzh-8 .fq1{background:url("/widget/aboutzh/8/fq2_03.jpg");background-repeat: no-repeat} .widget-aboutzh-8 .fq2{background:url("/widget/aboutzh/8/fq2_03.jpg");background-repeat: no-repeat}*/ .widget-aboutzh-8 .fengqin>ul>li.cur{width: 48%;background-size: cover} .widget-aboutzh-8 .fq_dec{padding: 40px;position: absolute;bottom: 0;width: 276px;} .widget-aboutzh-8 .fq_dec .fq_en{ font-size: 30px; font-family: "Futura Book BT"; color: #fff;} .widget-aboutzh-8 .fq_dec .fq_title{font-size: 22px;color: #FFFFFF;line-height: 1.8} .widget-aboutzh-8 .fq_dec .fq_decr{font-size: 13px;color: #FFFFFF;line-height: 1.8} .widget-aboutzh-8 .fengqin>ul>li.cur .fq_dec{width: 276px;background: url("../img/chm/black.5.png");} .widget-aboutzh-8 .bla_bac{background: url("../img/chm/black.4.png");height: 100%} .widget-aboutzh-8 .fengqin>ul>li.cur .bla_bac{background: none;} .about_center .ac_history{ background: url(../img/chm/about_center_history_bg.jpg) center center; height: 679px;} .about_center .ac_history .tit{ text-align: center; color: #fff9cb; padding-top: 2%;} .about_center .ac_history .tit a{ display: block; font-size: 30px; position: relative;} .about_center .ac_history .tit a h3{ font-weight: normal; } .about_center .ac_history .tit a em{ font-family: "Futura Book BT"; font-size: 85px; } .about_center .ac_history .tit a .fly{ background: url(../img/chm/about_center_fly.png); position: absolute; width: 143px; height: 70px;left: 44%; } .about_center .ac_history .tit .dec{ font-size: 15px; } .about_center .ac_history .cont{ margin-top: 10%; } .about_center .ac_history .cont .con .year_box { margin-right: 8%; } .about_center .ac_history .cont .con .year_box .year{ font-size: 97px; color: #fff;font-family: "arial"; line-height: 1; } .about_center .ac_history .cont .con .year_box .t{ font-size: 26px; color: #fff; font-family: "Futura Book BT" } .about_center .ac_history .cont .con .img_box{ width: 23%; margin-right: 4%; } .about_center .ac_history .cont .con .info_box{ width: 40%; } .about_center .ac_history .cont .con .info_box .time{ font-size: 22px; color: #fff; opacity: .8; } .about_center .ac_history .cont .con .info_box .text{ font-size: 14px; color: #fff; } .about_center .ac_history .ac_history_navbar{ margin-top: 5%; position: relative;} .about_center .ac_history .ac_history_navbar .abbs{ position: absolute; width: 34px; height: 34px; display: block; background: url(../img/chm/abiout_center_pn.png); top: -13%;z-index: 6} .about_center .ac_history .ac_history_navbar .abbs.next{ right: 0; background-position: -34px 0; } .about_center .ac_history .ac_history_navbar .year_tab{ width: 94%; margin-left: 3%; } .about_center .ac_history .ac_history_navbar .year_tab li{ text-align: center; font-size: 22px; color: #38270e; cursor: pointer; } .about_center .ac_history .ac_history_navbar .year_tab li span{ margin-top: 10%; display: block;} .about_center .ac_history .ac_history_navbar .year_tab li b{ display: block; width: 15px; height: 15px; border-radius: 50%; position: relative; border: 1px solid #38270e; margin: 0 auto;} .about_center .ac_history .ac_history_navbar .year_tab li b:before{ content: ""; position: absolute; width: 77.5px; height: 1px; background: #38270e; right: 16px; top: 50%;} .about_center .ac_history .ac_history_navbar .year_tab li b:after{ content: ""; position: absolute; width: 77.5px; height: 1px; background: #38270e; left: 16px; top: 50%;} .about_center .ac_history .ac_history_navbar .year_tab li.tab_t_cur{ color: #342204 } .about_center .ac_history .ac_history_navbar .year_tab li.tab_t_cur b{ background: #342204 } .about_center .ac_history .ac_history_navbar .year_tab li.tab_t_cur b:before{background:#342204 } .about_center .ac_history .ac_history_navbar .year_tab li.tab_t_cur b:after{background:#342204 } /********************************关于我们综合 end***********************************/ /************************************精炼车间**********************************/ .workshop { padding: 0; } .workshop .rect-44{padding-bottom: 44.16%;} /*.workshop .tit .num{opacity: 0;}*/ /*.workshop .num_ic{float: left;}*/ .workshop .part1 {padding-top: 50px;} .workshop .part1 .hd { position: relative; text-align: center; } .workshop .part1 .hd .big{/* color: #faf6ec;line-height: 88px;font-size: 80px;font-weight: bold;text-transform: uppercase; font-family:"Futura Book BT"*/font-size: 0;position: absolute;background: url(../img/jl_prolist0111.png) no-repeat center;width: 1200px;height: 61px;left: 50%;margin-left:-600px;z-index: -1;} .workshop .part1 .hd .small{ color: #bd8c09;font-size: 30px;display:block;position: static;margin-bottom: 45px;padding-top: 15px;;text-align: center; } .workshop .part1 .dec{ text-align: center; color: #666; font-size: 14px; width: 90%; margin-left: 5%; margin-top: 15;} .workshop .part1 .pt1_main{ background: url(../img/chm/workshop.jpg) center center; height: 428px; background-size: cover; margin-top: 3%; position: relative;} .workshop .part1 .pt1_main .cont{ position: absolute; top: 25%; width: 50%; } .workshop .tit{ font-size: 30px; color: #bd8c09; margin-bottom: 1%;} .workshop .tit .num{ display: inline-block; width: 46px; height: 23px; text-align: center;/* background: url(../img/chm/work_num_bg.png); */vertical-align: middle; margin-right: 10px; position: relative;} .workshop .num_ic{color: #bd8c09;} .workshop .num_ic:before{background: #bd8c09;top: 34px;} .workshop .num_ic:after{background: #bd8c09;right: -13px;top: 18px;} .workshop .tit .num i{ position: absolute; left: 35%; top: -19px; } .workshop .part1 .pt1_main .cont .dec{ text-align: left; max-height: 200px; overflow: hidden; overflow-y: auto;} .workshop .part2{ margin-top: 3%; } .workshop .part2 .tit{ text-align: center; } .workshop .part2 .dec{ text-align: center; font-size: 16px; color: #666; margin-top: 2%; } .workshop .table-responsive{ margin-top: 3%; } .workshop .table thead{ background: #bd8c09; color: #fff; font-size: 14px;} .workshop .table >thead >tr >th{ border-bottom: none; cursor: pointer; padding: 15px 8px} .workshop .table >tbody >tr >th{ border-top: none; cursor: pointer; color: #666; padding: 15px 8px} .workshop .table >tbody >tr:nth-child(odd){ background: #f7f7f7; } .workshop .table >tbody >tr:nth-child(even){ background: #e4e4e4; } .workshop .table >tbody >tr:hover{ background:#fff; } .workshop .part3{ margin-top: 3%; background: #f7f7f7 } .workshop .part3 .cont{ padding: 5% 0; } .workshop .part3 .left{ width: 48%; } .workshop .part3 .left .dec{ margin-top: 4%; max-height: 250px; overflow: hidden; overflow-y: auto; } .workshop .part3 .right{ width: 50%; } .workshop .part3 .right .table >tbody >tr:nth-child(odd){ background: #f1f1f1; } .workshop .part3 .right .table >tbody >tr:hover{ background: #fff; } .workshop .part4{ text-align: center; background:url(../img/chm/workshop_part4_bg.jpg) center center; height: 367px; color: #fff;} .workshop .part4 .cont{ padding-top: 5%; } .workshop .part4 .tit{ color: #fff; margin-bottom: 3%;} /*.workshop .part4 .tit .num{ background: url(../img/chm/work_num_bg_white.png); }*/ .workshop .part4 li { width: 25%; margin-right: 12%; } .workshop .part4 li:last-child{ margin-right: 0; } .workshop .part4 li .number{ font-size: 60px; font-style: italic; } .workshop .part4 li .dec{ font-size: 16px; } .part4 .num_ic{color: #fff;} .part4 .num_ic:after{background: #fff;} .part4 .num_ic:before{background: #fff;} .workshop .part5{ text-align: center; margin-top: 3%;} .workshop .part5 .dec{ font-size: 16px; } .workshop .part6{ margin-top: 3%; text-align: center;} .workshop .part6 .dec{ margin-bottom: 3%; font-size: 16px;} .workshop .part6 .owl-carousel .owl-stage-outer{overflow:visible;} .workshop .part6 .box_wrap{height:419px; overflow:hidden;} .workshop .part6 .box_wrap .wrap_box{position:relative;} .workshop .part6 .box_wrap .wrap_box .owl_arr{width:32px; height:64px; position:absolute; top:50%; z-index:2; cursor:pointer; margin-top:-15px;} .workshop .part6 .box_wrap .wrap_box .owl_arr.prev{ background:url(../img/chm/workshop_part6_pn.png) no-repeat; left:80px; width: 63px; height: 51px;} .workshop .part6 .box_wrap .wrap_box .owl_arr.next{ background:url(../img/chm/workshop_part6_pn.png) no-repeat; right:80px; width: 63px; height: 51px; background-position: -63px 0;} .workshop .part6 .box_wrap .wrap_box .left_mask{width:600px;height:100%; position:absolute; left:-400px;background:url(../img/chm/workshop_part6_img_bg.png) repeat;z-index:1; top:0;} .workshop .part6 .box_wrap .wrap_box .right_mask{width:600px;height:100%; position:absolute; right:-400px;background:url(../img/chm/workshop_part6_img_bg.png) repeat;z-index:1; top:0;} /*************************************精炼车间 end*********************************/ /*******************************发展历程*******************************/ /*关于我们-发展历程*/ .pd{ line-height:30px;} .rect-42{padding-bottom: 42%;} .about_history{position: relative;overflow: hidden;z-index:9;} .about_history .part01 {overflow: hidden;padding:64px 0;background-color: #fff;} .about_history .part01 .his_left {float:left;} .about_history .part01 .his_left.at{position: absolute;left:0;bottom: 51px;} .about_history .part01 .his_left .his_img{height: 402px;position: relative;} .about_history .part01 .his_left .his_img .his_infor{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;} .about_history .part01 .his_left .his_img .his_infor.show{display: block;} .about_history .part01 .his_left .his_infor .infor_box{padding:78px 44px 77px 46px; } .about_history .part01 .his_left .his_infor .infor_box .tit{color: #fff;line-height: 1;font-family: Arial;font-weight: bold;} .about_history .part01 .his_left .his_infor .infor_box .tit1{font-size: 90px;} .about_history .part01 .his_left .his_infor .infor_box .tit2{font-size: 60px;text-transform: uppercase;} .about_history .part01 .his_left .his_infor .infor_box .tit3{font-size: 50px;font-family: 微软雅黑;margin-bottom: 15px;} .about_history .part01 .his_left .his_infor .infor_box .con{font-size: 15px;color: #fff;} .about_history .part01 .his_left .date_{position: relative;overflow: hidden;width:100%; width:336px;} .about_history .part01 .his_left .date_.at{position: absolute;left:0;bottom:0;} .about_history .part01 .his_left .date_.fixed{position: fixed;left:50%;margin-left: -600px;top:66px; z-index: 15;} .about_history .part01 .his_left .date_ ul li{height: 94px;line-height: 94px;text-align: center;font-size: 22px;color:#5a5a5a;border-bottom: 1px solid #fff;background-color: #eee;} .about_history .part01 .his_left .date_ ul li a{display:block;} .about_history .part01 .his_left .date_ ul li.on{background-color:#b98d0a;} .about_history .part01 .his_left .date_ ul li.on a{color:#fff;} .about_history .part01 .his_left .date_ ul li:hover{background-color:#b98d0a;} .about_history .part01 .his_left .date_ ul li:hover a{color:#fff;} .about_history .part01 .his_right{width:65%;float:right;position: relative;} .about_history .part01 .his_right ul li{margin-bottom: 50px;position: relative;border:1px dashed #e6e6e6;margin-left: 60px;} .about_history .part01 .his_right ul li .oc{position: absolute;left:-69px;top:38px;} .about_history .part01 .his_right ul li .os{position: absolute;left:-15px;top:33px;} .about_history .part01 .his_right ul li .mask_ {margin:40px 40px;} .about_history .part01 .his_right ul li .mask_ .title{font-size: 38px;color:#bd8c09;text-align: left; margin-bottom: 14px;} .about_history .part01 .his_right ul li .mask_ .p{font-size: 14px;color:#5a5a5a;line-height: 24px;} .about_history .part01 .his_right ul li .mask_ .bg_img{margin-top: 35px;} .about_history .part01 .his_right ul li.li_ .bg_img{display: none;} .about_history .part01 .his_right .top_{background: url(../img/develop04.jpg) no-repeat center; width: 779px;height: 208px;margin-bottom: 39px;} .about_history .part01 .his_right .bottom_{position: relative;} .about_history .part01 .his_right .bottom_:after{content:'';position: absolute;left: 0;top:0;background: url(../img/develop01.png) repeat;width: 22px;height: 100%;;} .about_history .part01 .his_right .top_ .infor{padding: 25px 50px 30px 75px;color:#fff;} .about_history .part01 .his_right .top_ .infor .t{font-size: 22px;margin-bottom: 20px;} .about_history .part01 .his_right .top_ .infor .c{font-size: 13px;line-height: 24px;} /*******************************发展历程 end****************************/ /*招金简历投递*/ /* form-9 start*/ .widget-form-9 .Form-J1 .Form-J1-Left { float:left; width:48%; } .widget-form-9 .Form-J1 .Form-J1-right { float:right; width:48%; } .widget-form-9 .Form-J1 .Form-J1-li { background: #f7f7f7;padding: 10px 2%;margin-bottom: 15px; position:relative; } .widget-form-9 .Form-J1 .Form-J1-li label { width: 5em; display: inline-block; *display:inline; *zoom:1; font-size:13px; color: #666; vertical-align: middle; } .widget-form-9 .Form-J1 .Form-J1-li input { height:28px; line-height:28px; width:79%; vertical-align:middle; border:none;background:transparent; } .widget-form-9 .Form-J1 .Form-J1-li textarea { width:79%; max-width:79%; vertical-align:middle; height:132px; border:none; background: transparent; } .widget-form-9 .Form-J1 .Form-J1-li em { color:red; vertical-align:middle; padding-left:10px; } .widget-form-9 .Form-J1 .Form-J1-li input._yzm { width: 20%; } .widget-form-9 .Form-J1 .Form-J1-li img { vertical-align:middle; padding-left:10px; cursor:pointer; height:30px; width:100px; } .widget-form-9 .Form-J1 .Form-J1-li b { color:#666; font-size:12px; padding-left:4px; } .widget-form-9 .Form-J1 .Form-J1-li select {width:79%;background:transparent;border:none;height:30px;line-height:30px;} .widget-form-9 .Form-J1 .Form-J1-Btn { clear:both; text-align:center; padding-top:40px; padding-bottom:40px; } .widget-form-9 .Form-J1 .Form-J1-Btn button { width:120px; height:32px; line-height:32px; text-align:center; color:#fff; cursor:pointer; outline:none; border:none; padding:0; font-size:15px; } .widget-form-9 .Form-J1 .Form-J1-Btn ._submit:hover,.widget-form-9 .Form-J1 .Form-J1-Btn ._reset:hover { opacity:.8; } .widget-form-9 .Form-J1 .Form-J1-Btn ._submit { background:#d6aa2f; margin-right:10px; } .widget-form-9 .Form-J1 .Form-J1-Btn ._submit:hover{ background: #bb9205;} .widget-form-9 .Form-J1 .Form-J1-Btn ._reset { background:#909090; } .widget-form-9 .Form-J1 .Form-J1-li .Validform_wrong{ position:absolute; right:14%; top:13px; } .uploader-list .file-item{float: left;width: 100px;height: 100px;position: relative; border:4px solid #ccc;border-radius: 4px;margin:0 8px 8px 0;overflow: hidden;} .uploader-list .file-item .info{position: absolute;left: 0;bottom:0;width: 100%; background:rgba(0,0,0,.5);color:#fff;text-align: center;} .uploader-list .file-item .progress{position: absolute;left: 0;height: 40px;top:50%; margin-top:-20px;width: 100%; } .uploader-list .file-item .progress span{position: absolute;left: 0;top:0;height: 100%;overflow: hidden;width: 0;background:green;opacity: .5;} .uploader-list .file-item.upload-state-done{border-color:green;} .uploader-list .remove{position:absolute;right:0;top:0;font-size:1.5em;cursor:pointer;} .uploader-list .remove:hover{opacity:.8;} .widget-form-9 .Form-J1 .Form-J1-right .uploadfileCon{border: none; margin-bottom: 16px;} /*.widget-form-9 .Form-J1 .Form-J1-right .webuploader-container{ border: none; background:none;}*/ .widget-form-9 .Form-J1 .Form-J1-right .webuploader-container .webuploader-pick{text-align: left;} .widget-form-9 .Form-J1 .Form-J1-right .webuploader-pick.btn-yellow{border-color: #d6aa2f ; background-color: #bb9205; padding: 5px 30px; margin-left: 40px;} .widget-form-9 .Form-J1 .Form-J1-right .webuploader-pick.btn-yellow:hover{ background: #bb9205;} /*2017-0901*/ .workshop .part6 .box_wrap{height:auto;} /*返回顶部*/ .gotop{display: none; z-index: 99;position: fixed; right: 0; bottom: 11px;z-index: 99} .gotop .ico{background: url(../img/gotop.jpg); display: inline-block; width: 40px; height: 40px; } /*2017-09-07*/ .widget-aboutzh-8 .fq_dec{box-sizing:border-box;padding-right: 50px;} .widget-aboutzh-8 .fengqin>ul>li.cur .fq_dec{box-sizing: inherit;} /*.head.cur .logo{margin-top:1.5%;margin-bottom: 1.5%; }*/ /*.h_bottom{line-height: 72px;} .head .logo a{display: block;} .head .logo a img{vertical-align: middle;} */ .purchase_sec5 .left, .purchase_sec5 .right{width: 50%;} /*20170918*/ .head .h_bottom .search_box{width: 9%;} /*20171010*/ .head .h_search .b{right: 3%;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item .top_item_box{padding: 9% 10%;} /*20171011*/ .widget-aboutzh-8 .about_main .part01_title .big a{font-size: 0;} /*20171012*/ .i_part01 .ip1_right{cursor: pointer;} .head .drop_layout {background-color: rgba(255,255,255,.96); } .nav_bread .t_nav li:hover, .nav_bread .t_nav li.cur{background: #bd8c09;} /*.aqsc .loading{display: none;}*/ .culture .cul_left .date_ ul li{text-align: left;padding-left: 27px;position: relative;} .culture .cul_left .date_ ul li:after{content:'';width: 7px;height: 14px;background: url(../img/cul_jt01.png) no-repeat center;position: absolute;right: 24px;top: 50%;margin-top: -7px;} .culture .cul_left .date_ ul li.tab_t_cur:after{background: url(../img/cul_jt02.png) no-repeat center;} .culture .cul_left .date_ ul li:hover:after{background: url(../img/cul_jt02.png) no-repeat center;} .about_history .part01 .his_left .date_ ul li{text-align: left;padding-left: 27px;position: relative;} .about_history .part01 .his_left .date_ ul li:after{content:'';width: 7px;height: 14px;background: url(../img/cul_jt01.png) no-repeat center;position: absolute;right: 24px;top: 50%;margin-top: -7px;} .about_history .part01 .his_left .date_ ul li.tab_t_cur:after{background: url(../img/cul_jt02.png) no-repeat center;} .about_history .part01 .his_left .date_ ul li:hover:after{background: url(../img/cul_jt02.png) no-repeat center;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 .tit{color: #787878;} .widget-personalzh-2 .rencai .rencai_pt1 .rcpt1_left .rcpt1_left_box .top_area .top_item2 .dec{color: #787878;} /*廉政建设*/ .party_p1 .content{padding: 13px 13px 42px 19px;background: #fff;} .rect-4261{padding-bottom: 42.61%;} .building_infor ul{margin-top: 21px;} .building_infor ul li{margin-bottom: 15px;} .building_infor .t{font-size: 16px;color: #303030;margin-bottom: 5px;} .building_infor .c{font-size: 14px;color: #6f6f6f;} /*20171013*/ .inav .nav_li > a{height: 63px;line-height: 63px;} .head .drop_new .drop_layout{top: 9px;} .head.cur .drop_new .drop_layout{top: 0px;} /*.head .h_bottom .search_box .lang, .head .h_bottom .search_box .search{margin-top: 0;}*/ .head.cur .h_bottom .search_box .lang, .head.cur .h_bottom .search_box .search{margin-top: 7%;} /*廉政建设*/ .party_p1 .left li.nopic .list_box{padding: 30px;} .party_p1 .left li .list_p{font-size: 15px;} /*专题*/ .zhuanti{z-index: 5;} /*个性定制*/ .yhgjs_p3 .tab_c_box .tab_c li .tab_c_cover .txt{text-align: center;} .gxdz_p3 .gxdz_p3_box{position: absolute;bottom: 0;left: 140px} .gxdz_p3 .gxdz_p3_box .content{width: 600px;height: 500px;} .gxdz_p3 .rect-406{padding-bottom: 30%;} .gxdz_p3 .gxdz_p3_box .content .content_box .con{color: #d7d6d6;font-size: 16px;margin-top: 15px;} .gxdz_p3 .gxdz_p3_box .content .content_box .tit{font-size: 25px;} .gxdz_p3 .swiper-container>.swiper-pagination span{width: 95px;} /*.swiper-pagination-bullet{width: 13px;height: 13px;}*/ .gxdz_p3 .swiper-container>.swiper-pagination span:before{width: 12px;height: 12px;s} .gxdz_p3 .li3 .gxdz_p3_box .content{display: none;} .gxdz_p3 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active{font-size: 17px;} .gxdz_p3 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active{margin-left: -5px;} /*银行贵金属*/ .yhgjs_p2 .img_ .list_cover .list_p .txt{font-size: 15px;height: 116px;} /*banner视频*/ .ibanner .i_cover { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; text-align: center; background-image: url(../img/i_cover.png); background-repeat: repeat; } .head .h_bottom .inav_wrap{margin-left: 13%;} .head .h_bottom .inav_wrap{width: 50%;} .inav .nav_li > a{padding: 0 18px;} .head .h_bottom .inav .nav_li a:hover{font-weight: normal;} /*新闻列表*/ .news_list_p2 .list_tool .tool_ico{margin-top: -4px;} /*------------------------------------------------------*/ /*20171106*/ .i_part02 .ip2_box .box_con .more .face1{background: rgba(255,255,255,0.9);color: #181817;background:#fff\9\0;} .i_part02 .ip2_box .box_con .more .face1 .t{opacity: 1;} .widget-form-9 .Form-J1 .Form-J1-li .Validform_right{float: left;} body .widget-form-9 .Form-J1 .Form-J1-right .Form-J1-li:nth-child(3) label{vertical-align: top;} .fengqin>ul>li{height: 420px;} .purchase_sec1 .txt{min-height: 88px;} .gxdz_p3 .swiper-container{height: 600px;} .yhgjs_p1_box ul li.current .text .con{line-height: 1.6;} .yhgjs_p1_box ul li .text{height: 350px;} .yhgjs_p2 .img_ .list_cover .list_p .txt{font-size: 14px;} .gxdz_p3 .swiper-container li .wrap{position: relative;height: 100%;} .gxdz_p3 .gxdz_p3_box{left: 80px;bottom: 0;} /*.gxdz_p3 .swiper-container-vertical>.swiper-pagination-bullets{top: 25%;}*/ .gxdz_p3 .swiper-container>.swiper-pagination span{width: 136px;height: 41px;line-height: 41px;background: rgba(255,255,255,0.9);background: #fff\9\0;font-size: 16px;color: #555;border-radius: 0;margin-bottom: 0;border-bottom: 1px solid rgba(0,0,0,.3);} .gxdz_p3 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active{background: #BD8C09;} .gxdz_p3 .swiper-container>.swiper-pagination span:before{display: none;} .gxdz_p3 .swiper-container>.swiper-pagination span:after{content:'';width: 7px;height: 14px;background: url(../img/cul_jt01.png) no-repeat center;top: 50%;margin-top: -7px;position: absolute;right: 10px;} .gxdz_p3 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active:after{content:'';bottom: 2px;width: 7px;height: 14px;top: 50%;margin-top: -7px;left: auto;background: url(../img/cul_jt02.png) no-repeat center;} .gxdz_p3 .swiper-container>.swiper-pagination span.swiper-pagination-bullet-active{margin-left: 0;} .gxdz_p3 .swiper-container>.swiper-pagination{left: 0;} .gxdz_p3 .swiper-container>.swiper-pagination{width: 99%;} /*.ibanner .slide_navs{position: relative;text-align: center;left: 0;} .ibanner .slide_navs a:after{left: -0px;}*/ .ibanner >.wrap{position:relative;} .ibanner .slide_navs{left: 0;} .jl_prolist02 .img_ li .add{/*background: rgba(189,140,12,.7)*/height: 0;bottom: 0;top: auto;overflow: hidden;} .jl_prolist02 .img_ li:hover .add{height: 100%;bottom: 0;top:auto;} .head .h_top {position:absolute; top:0; left:0; width:100%;} .head .h_bottom{margin-top:34px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; position:relative; z-index:19;} .head.cur .h_bottom{margin-top:0;} .head {position:fixed; left:0;top:0; width:100%; background:#fff; box-shadow:0 1px 5px rgba(0,0,0,.1);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;} .head>.wrap{position: relative;} /*.head .h_top{transition: all 0.8s ease;} .head.cur .h_top{transition: all 0.8s ease;} /*环境保护*/ .envir{padding: 0;} .envir01{height: 478px;background: url(../img/envir01.jpg) no-repeat center;} .envir01 .rect-6660{padding-bottom: 66.60%;} .envir01 .left{float: right;width: 44.6%;padding-top: 70px;} .envir01 .right{float: left;width: 50.6%;padding-top: 70px;} .envir01 .right .tit{font-size: 24px;color: #1b1b1b;position: relative;padding-bottom: 19px;margin-bottom: 25px;} .envir01 .right .tit:after{content:'';position: absolute;width: 59px;height: 1px;background: #000;left: 0;bottom: 0;z-index: 1} .envir01 .right .con{font-size:14px;color: #6a6a6a;line-height: 1.8;} .envir02{height: 466px;background: url(../img/envir02.jpg) no-repeat center;} .envir02 .rect-6641{padding-bottom: 66.41%;} .envir02 .left {float: left;width: 43.6%;padding-top: 70px;} .envir02 .right{float:right;width: 51.1%;padding-top: 70px;} .envir02 .right .con{font-size:14px;color: #6a6a6a;line-height: 1.8;margin-top: 65px;} .ibanner_wrap .ibanner li:first-child .ib_infor:after{ display: none; } /*20171122*/ .about_history .part01 .his_right .top_{background-size: cover;height: auto;} /*20171123*/ .i_part03 .ip3_right .r_r li a .li_tit, .news_abt .news_p2 .right .right_list .a_box .t, .news_list_p2 .list_title, .news_content_p1 .list_title, .social_respons .social_list li ._tit{font-weight: bold;} .gxdz_p2{background-image: url(../img/hj01.png);background-repeat: no-repeat;background-position: center center;} .head .h_bottom .inav .nav_li.cur a{color: #bd8c09;} .i_part02 .ip2_box .box_con .more .face1 {border: 1px solid rgba(189,140,9,.5);background: transparent; } .i_part02 .ip2_box .box_con .more .face1 .t{color: #bd8c09;} /*20171124*/ .about_center .ac_history .cont{position: relative;} .about_center .ac_history .cont .con{text-align: center;min-height: 190px;} .about_center .ac_history .cont .con .year_box{display: inline-block;float: none;} .about_center .ac_history .cont .con .img_box{display: none;} .about_center .ac_history .cont .con .info_box {display: inline-block;float: none;} .about_center .ac_history .cont .con .info_box .pd{text-align: left;} .about_center .ac_history .ac_history_navbar{position: static;} .about_center .ac_history .ac_history_navbar .abbs{top: 50%;margin-top: -23px;} /*.about_center .ac_history .ac_history_navbar .abbs.prev{left: 20px;}*/ /*.about_center .ac_history .ac_history_navbar .abbs.next{right: 20px;}*/ .about_center .ac_history .ac_history_navbar .abbs { position: absolute; width: 47px; height: 47px; display: block; background: url(../img/about_center.png); z-index: 6;transition: all 0.4s ease; background-position: 0 -47px; } .about_center .ac_history .ac_history_navbar .abbs.next {background-position: -47px -47px; transition: all 0.4s ease;} .about_center .ac_history .ac_history_navbar .abbs.next:hover {background-position: -47px 0; transition: all 0.4s ease;} .about_center .ac_history .ac_history_navbar .abbs.prev:hover {background-position: 0px 0; transition: all 0.4s ease;} .about_center .ac_history .ac_history_navbar .year_tab li.tab_t_cur b{width: 31px;height: 31px;background: url(../img/yuan.png) no-repeat center;} .about_center .ac_history .ac_history_navbar .year_tab li.tab_t_cur{padding-top: 0;} .about_center .ac_history .ac_history_navbar .year_tab li{padding-top: 8px;} .about_center .ac_history .cont .con .info_box{height: 180px;overflow: hidden;} /*新改版导航*/ .head{height: 97px;} .head .h_bottom .inav .nav_li{position: relative;} .head .h_bottom .inav .nav_li .sec_ul{position: absolute;top: 100%;left: 0;width: 180px;} .head .h_bottom .inav .nav_li .sec_ul li{line-height: 34px;background: rgba(189,140,12,0.8);background: #bd8c0c\9\0;margin-bottom: 1px;} .head .h_bottom .inav .nav_li .sec_ul li a{display: block;padding-left: 30px;font-size: 14px;color: #fff;} .head .h_bottom .inav .nav_li .sec_ul li:hover{background: rgba(116,90,15,0.8);background: #745a0f\9\0;} .head .h_bottom .inav .nav_li .sec_ul li:hover a{background: url(../img/lev2_arr.png) 90% center no-repeat;transition: all 0s ease;color: #bd8c09} /*20171128*/ .yhgjs{padding: 0;} .ibanner_wrap .ibanner .more .face1 .t{line-height: 46px;} /*20171204 联系我们*/ .contact_us .part2{display: none;} /*20171208*/ .purchase_sec1 .txt{min-height: 110px;height: auto;} .purchase_sec1 .con{padding: 40px 35px;} .i_part01 .ip1_right video{width: auto;height: 100%;position: absolute;display: none;} /*.i_part01 .ip1_right img{display: block;}*/ .i_part01 .ip1_right.show video{display: block;} .i_part01 .ip1_right.show img{display: none;} .i_part01 .ip1_cover.cur{display: none;} /*.i_part01 .ip1_cover{display: block;}*/ .i_part01 .ip1_right.fixed{width:500px;height: auto;position: fixed;right: 0;bottom: 10px;display: block;z-index: 4;} .contact .ewm_pic{margin-top: 110px;margin-right: 30px;padding-bottom: 20px;} .contact .ewm_pic .txt{font-size: 14px;color: #fff;text-align: center;margin-top: 3px;} .i_part01 .rect-83{padding-bottom: 56%;margin-top: 57px;} .i_part01 .ip1_left{width: 49.5%;} .i_part01 .ip1_right{width: 50.4%;} /*20171229*/ .biaoti p{font-size: 14px;} body .select-ui-options li:hover, body .select-ui-options li.hover{background: #d7ad3e} .news_content_p1 .list_tool .share a{background: none;margin: 0;} .news_content_p1 .list_tool .share{margin-left: 0;} /*20180110*/ .about_center .ac_history{display:none;} /*20180426*/ /*仓库物流*/ .hidden{display:none;} .cangku{padding-top: 0} .cangku_p2 {position: relative; padding-top: 80px; margin-bottom: 35px; } .cangku_p2 .cangku_p2_box {position: absolute; background: url(../img/cangku_02.png) no-repeat center; width: 1200px; height: 39px; left: 50%; margin-left: -600px; z-index: 1; } .cangku_p2>.wrap .infor {color:#bd8c09; text-align:center; } .cangku_p2>.wrap .infor a {font-size: 30px; font-weight: normal; cursor: default; } .cangku_p2 .search-container {width:80%; margin:70px auto 0; position:relative; } .cangku_p2 .search-container .search-box {position: relative; } .cangku_p2 .search-container .search-box .search-input {float: left; font-size: 14px; padding: 13px 0 13px 10px; width: 88%; height: 18px; line-height: 18px; border-top: 1px solid #b2b2b2; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-right: none; outline: 0; } .cangku_p2 .search-container .search-box .search-btn {float: left; width: 10%; height: 46px; background: #9D7201; cursor: pointer; text-align: center; line-height: 46px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .cangku_p2 .search-container .search-box .search-btn .icon{width:24px;height: 24px;background:url(../img/cangku_03.png) no-repeat; display:inline-block; vertical-align:middle;} .cangku_p2 .search-container .example {margin-top: 8px; color: #aaa; display: none;} .cangku_p2 .content {margin-bottom: 20px; position: relative; } .cangku_p2 .content .package-container {width: 80%; margin: 20px auto; position: relative; border: 1px solid #e6e6e6;} .cangku_p2 .package-container .title {border-bottom: 1px solid #e6e6e6; line-height: 36px; font-size: 16px; margin-bottom: 18px; } .cangku_p2 .package-container .title span {padding:0 20px; display: inline-block; color: #bd8c09; margin-bottom: -1px; border-bottom: 1px solid #bd8c09; } .cangku_p2 .package-container .package-box {position: relative; overflow: hidden; } .cangku_p2 .package-container .package-box:before {content: " "; background-color: #fff; display: block; position: absolute; top: -4px; left: 20px; width: 10px; height: 4px; } .cangku_p2 .package-container .package-box .package-ul {margin: -8px 0 0 12px; padding: 0 0 0 10px; list-style: none; line-height: 30px; font-size: 12px; } .cangku_p2 .package-container .package-box .package-ul li {border-left: 1px solid #d9d9d9; color:#000;} .cangku_p2 .package-container .package-box .package-ul li:before {content: ''; border: 3px solid #fff; background-color: #d9d9d9; display: inline-block; width: 5px; height: 5px; border-radius: 5px; margin-left: -6px; margin-right: 10px; } .cangku_p2 .package-container .package-box .package-ul li.lastest:before {background-color: #fe4300; border-color: #f8e9e4; } .cangku_p2 .package-container .package-box .package-ul li .date {font-weight: bold; margin-right: 8px; font-family: arial; display: inline-block; } .cangku_p2 .package-container .package-box .package-ul li .text {width: 80%; display: inline-block; vertical-align: text-top; line-height: 1.3em; } .cangku_p2 .package-container .package-box .supply {margin-top: 20px; padding-right: 10px; border-top: 1px solid #e8e8e8; line-height: 28px; color: #959595; text-align: right; } .cangku_p3{overflow: hidden; background:url(../img/cangku_04.jpg) no-repeat center; background-size:cover} .cangku_p3 .left{float: left;width: 76%;} .cangku_p3 .right{float: right;width: 23%;background:url(../img/cangku_05.jpg) no-repeat; height: 415px;} .cangku_p3 .left .left_box{padding: 55px 13% 39px 25%;} .cangku_p3 .left .left_box .tit{font-size:28px; color:#bd8c09; line-height:50px; margin-bottom:3px;} .cangku_p3 .left .left_box .con{font-size:14px; color:#787878; line-height:22px; margin-bottom:28px;} .cangku_p3 .right .title{padding-top:88px; padding-left: 9%; margin-bottom:31px;} .cangku_p3 .right .title i{display:inline-block; width:26px; height: 26px; background:url(../img/cangku_06.png) no-repeat; vertical-align:middle; margin-right:8px;} .cangku_p3 .right .title span{font-size:26px; color:#fff;display:inline-block; vertical-align: middle;} .cangku_p3 .right .phone{ font-size:18px; } .cangku_p3 .right .phone a{display: block; width:100%; background: url(../img/cangku_07.png) repeat; margin-bottom: 1px; padding-left: 24%;color: #fff; height: 41px; line-height: 41px;}